@charset "utf-8";
/* 引入外部图标样式 */
@font-face {
  font-family: 'iconfont';  /* Project id 2431691 */
  src: url('http://at.alicdn.com/t/c/font_2431691_tf5r8519jyh.woff2?t=1688178707992') format('woff2'),
       url('http://at.alicdn.com/t/c/font_2431691_tf5r8519jyh.woff?t=1688178707992') format('woff'),
       url('http://at.alicdn.com/t/c/font_2431691_tf5r8519jyh.ttf?t=1688178707992') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/* 样式重置 */
html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img{margin: 0; padding: 0; border: 0; outline: 0;}
body{font: 14px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}
ul,li{list-style:none;margin:0;padding:0;}
a:hover{ text-decoration: none; }
/*清除内外边距*/
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}
/*设置默认字体*/
:focus{outline: 0;}
ul,
ol{list-style: none;}
/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup{font-style: normal; font-weight: normal;}
abbr, acronym{border: 0; font-variant: normal;}
input, button, textarea, select, optgroup, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
code, kbd, samp, tt{font-size: 100%;}
::-webkit-scrollbar{width:6px; height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}
textarea{resize: none;}
button:active, button:focus{ border:none; outline:0; }
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.clamp{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
.inner{ width: 1400px; margin:0 auto; }
@media only screen and (max-width: 1400px){
  .inner{ width: 100%; box-sizing: border-box; padding:0 15px; }
}

/* 网站色值设置 */
body{ --zhu-color:#0cb469; --pei-color:#fbb307; }

/* common-style */
.img{ width:100%; position: relative; padding-bottom: 75%; overflow: hidden; }
.img img{ width:100%; height: 100%; position: absolute; top:0; left:0; object-fit: cover; }

/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; width: 100%; clear: both; }
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 12px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: var(--zhu-color); background: var(--zhu-color);}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}

/*no-goods*/
.no-goods{ width: 100%;}
.no-goods,.no-network{padding:50px 0; overflow: hidden; text-align: center;}
.no-goods img{display: block; margin:0 auto 30px; width:220px; max-height: 105px;}
.no-goods p,.no-network p{font-size:14px; color:#666666; line-height: 20px;}

/* down */
.down{ width:100%; flex-direction: row; justify-content: space-between; background: #211f1f; display: none; }
.down li{ width:25%; border-right:solid 1px #fff; padding:5px 0; box-sizing: border-box; }
.down li:nth-child(4){ border:none; }
.down li a{ width:100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; font-size: 14px; }
.down li a i{ font-size: 20px; line-height: 1; }
.modal{ padding-right: 0!important; }
.modal-open{ padding-right: 0!important; }
.plugin-fixed-call{ transition: all .3s; position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{ position:absolute; right:0px; overflow:hidden; cursor:pointer; width:45px; height:45px; background:var(--zhu-color); line-height: 45px; margin-top:1px; }
.plugin-fixed-call .child{ transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s;  -webkit-transition-duration: .5s;  }
.plugin-fixed-call .child a{ display: inline-block;  overflow: hidden;  }
.plugin-fixed-call .child:hover{ width:160px; background: #000; }
.plugin-fixed-call .child img{ position:absolute; top:0px; left:0px; }
.plugin-fixed-call .child p{ position: absolute; left:45px; color:#fff; }
.plugin-fixed-call .fixedQQ{ bottom:92px; }
.plugin-fixed-call .fixedCall{ bottom:46px; }
.plugin-fixed-call .fixedTop{ position:absolute; right:0px; bottom:138px; color:#fff; background-color:#cbcbcb; cursor:pointer; text-align:center; width:45px; height:45px; line-height: 45px; font-size: 14px; font-family: "MICROSOFT YAHEI","Arial Narrow"; }
.plugin-fixed-call .fixedTop a{ color: #ffffff; }
.plugin-fixed-call .fixedTop .fixedTopPointer{ position:absolute; top:-5px; left:18px; }
.plugin-fixed-call .fixedCode{ bottom:0; cursor:pointer; width:45px; height:45px; background:var(--zhu-color); line-height: 45px; margin-top:1px; }
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{ display: block; opacity: 1; }
.fixedCodeInfo{ display:none; position:fixed; bottom:0px; right:54px; padding:0 3px; border:1px solid #ccc; background:#fff; opacity: 0; }
.fixedCodeInfo .fixedPointer{ position: absolute; right:-6px; bottom:12px; }
@media only screen and (max-width: 768px){
  .down{ display: flex; }
  .plugin-fixed-call{ display: none; }
}

/*选色器*/
.change-color{ position: fixed; left:5px; top:50%; transform: translateY(-50%); z-index: 999; }
.change-color ul{ display: flex; flex-direction: column; width:90px; position:relative; }
.change-color ul li{ border-radius: 3px; background: #ddd; padding:5px; display: flex; flex-direction: column; margin-bottom: 3px; }
.change-color ul li .hd{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 3px; }
.change-color ul li .hd p{ color:#333; font-size: 14px}
.change-color ul li .hd img{ cursor: pointer; }
.change-color ul li .bd{ width:100%; height: 30px; border:solid 1px #eee; background: #fff; line-height: 30px; padding:0 10px; }
#zhuColor{ color:var(--zhu-color); }
#peiColor{ color:var(--pei-color); }
@media(max-width: 768px){
	.change-color{ display: none; }
}

/* 字体引入 */
@font-face{ font-family: DIN; src: url('./fonts/DINPro-Bold.ttf'); }
@font-face{ font-family: DINB; src: url('./fonts/DIN-Bold.otf'); }
@font-face{ font-family: DINBlack; src: url('./fonts/DIN-Black.otf'); }
@font-face{ font-family: DINBA; src: url('./fonts/DINBA.otf'); }
@font-face{ font-family: G7; src: url('./fonts/G7.otf'); }

/* header */
.h_top{ width: 88%; border-radius: 5px; box-shadow: 0 0 10px rgba(255,255,255,.5); position: fixed; left:6%; top:16px; background: #fbfcfd; z-index: 33; transition: all .5s; }
.h_top .box{ width: 100%; display: flex; align-items: center; justify-content: space-around; transition: all .5s; }
.h_top .nav{ display: flex; align-items: center; }
.h_top .nav li{ display: inline-block; margin:0 20px; }
.h_top .nav li a{ padding:45px 0; font-size: 16px; color: #000002; line-height: 1; position: relative; display: flex; align-items: center; justify-content: center; transition: all .5s; }
.h_top .nav li a::after{ content: ""; display: block; width: 0; height: 3px; background: var(--zhu-color); position: absolute; left:50%; bottom:0; transition: all .3s; }
.h_top .nav li a:hover{ transition: all .3s; color: var(--zhu-color); }
.h_top .nav li a:hover::after{ transition: all .3s; width: 100%; left: 0; }
.h_top .tel{ display: flex; align-items: center; }
.h_top .tel span{ font-size: 30px; line-height: 1; color: var(--zhu-color); margin-right: 12px; }
.h_top .tel b{ font-family: "DINB"; font-size: 28px; color: var(--zhu-color); line-height: 1; }
.h_top .tel .mob_icon{ display: none; }
.scrolledDown{ position: fixed!important; border-radius: 0; box-shadow: 0 0 15px rgba(0, 0, 0, .6); width: 100%; top:0; left:0; z-index: 9999; transition: all .5s; }
.scrolledDown .box{ width: 88%; margin:0 auto; transition: all .5s; }
.scrolledDown .nav li a{ padding:35px 0; transition: all .5s; }
@media only screen and (max-width: 1800px){
  .h_top{ width: 92%; left:4%; top:16px; }
  .scrolledDown{ width: 100%; top:0; left:0; }
  .scrolledDown .box{ width: 92%; }
}
@media only screen and (max-width: 1700px){
  .h_top{ width: 96%; left:2%; top:16px; }
  .scrolledDown{ width: 100%; top:0; left:0; }
  .scrolledDown .box{ width: 96%; }
}
@media only screen and (max-width: 1600px){
  .h_top{ width: calc(100% - 30px); left:15px; top:15px; }
  .scrolledDown{ width: 100%; top:0; left:0; }
  .scrolledDown .box{ width: 100%; }
}
@media only screen and (max-width: 1500px){
  .h_top .logo{ max-width: 300px; }
  .h_top .logo img{ max-width: 100%; }
  .h_top .nav li{ margin:0 20px; }
  .h_top .nav li a{ padding:40px 0; font-size: 16px; }
  .h_top .nav li a::after{ height: 3px; }
  .h_top .tel span{ font-size: 28px; margin-right: 10px; }
  .h_top .tel b{ font-size: 26px; }
  .scrolledDown{ width: 100%; top:0; left:0; }
  .scrolledDown .nav li a{ padding:32px 0; transition: all .5s; }
}
@media only screen and (max-width: 1400px){
  .h_top .box{ padding:0 15px; }
  .h_top .logo{ max-width: 280px; }
  .h_top .nav li{ margin:0 15px; }
  .h_top .nav li a{ padding:30px 0; font-size: 15px; }
  .h_top .nav li a::after{ height: 2px; }
  .h_top .tel span{ font-size: 26px; margin-right: 10px; }
  .h_top .tel b{ font-size: 24px; }
  .scrolledDown{ width: 100%; top:0; left:0; }
  .scrolledDown .nav li a{ padding:30px 0; }
}
@media only screen and (max-width: 1200px){
  .h_top{ width: 100%; left:0; top:0; border-radius: 0; }
  .h_top .box{ padding:0 10px; }
  .h_top .logo{ max-width: 220px; }
  .h_top .nav li{ margin:0 10px; }
  .h_top .nav li a{ padding:25px 0; font-size: 14px; }
  .h_top .nav li a::after{ height: 2px; }
  .h_top .tel span{ font-size: 24px; margin-right: 8px; }
  .h_top .tel b{ font-size: 22px; }
  .scrolledDown .nav li a{ padding:25px 0; }
}
@media only screen and (max-width: 992px){
  .h_top{ position: static; }
  .h_top .box{ justify-content: space-between; padding:0 0 0 10px; }
  .h_top .logo{ max-width: 250px; }
  .h_top .nav{ display: none; }
  .h_top .tel{ justify-content: flex-end; }
  .h_top .tel span{ font-size: 22px; margin-right: 8px; }
  .h_top .tel b{ font-size: 20px; }
  .h_top .tel .mob_icon{ display: block; }
}
@media only screen and (max-width: 768px){
  .h_top .logo{ max-width: 250px; }
  .h_top .tel span{ font-size: 20px; margin-right: 8px; }
  .h_top .tel b{ font-size: 18px; }
}
@media only screen and (max-width: 640px){
  .h_top .logo{ max-width: 250px; }
  .h_top .tel span{ font-size: 18px; margin-right: 6px; }
  .h_top .tel b{ font-size: 18px; }
}
@media only screen and (max-width: 576px){
  .h_top .logo{ max-width: 250px; }
  .h_top .tel > span, .h_top .tel > b{ display: none; }
}
@media only screen and (max-width: 414px){
}

/* mob_menu */
.mob_icon{ width: 50px; height: 50px; margin-left: 12px; background: rgba(0, 0, 0, .7); color: #ffffff; font-size:25px; text-align: center; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; }
.mob_icon:hover{ background-color: rgba(0, 0, 0, .9); cursor: pointer; }
.mob_icon span{ position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 1px) / 2); width: 25px; height: 1px;	background-color: rgba(255,255,255,1); }
.mob_icon span:nth-child(1){ transform: translateY(4px) rotate(0deg);	}
.mob_icon span:nth-child(2){ transform: translateY(-4px) rotate(0deg); }
.mob_icon_click span:nth-child(1){ animation-duration: 0.5s; animation-fill-mode: both;	animation-name: clickfirst;	}		
.mob_icon_click span:nth-child(2){ animation-duration: 0.5s; animation-fill-mode: both;	animation-name: clicksecond; }
@keyframes clickfirst { 0% { transform: translateY(4px) rotate(0deg); } 100% { transform: translateY(0) rotate(45deg); } }	
@keyframes clicksecond { 0% { transform: translateY(-4px) rotate(0deg); } 100% { transform: translateY(0) rotate(-45deg); } }	
.mob_icon_out span:nth-child(1){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst;	}		
.mob_icon_out span:nth-child(2){ animation-duration: 0.5s; animation-fill-mode: both;	animation-name: outsecond; }
@keyframes outfirst { 0% { transform: translateY(0) rotate(-45deg); } 100% { transform: translateY(-4px) rotate(0deg); } }	
@keyframes outsecond { 0% { transform: translateY(0) rotate(45deg); } 100% { transform: translateY(4px) rotate(0deg); } }
.mob_nav{ background-color: rgba(0,0,0,0.9); width: 100%; position: absolute; top: 50px; left: 0px; padding-top: 30px; padding-bottom: 50px; display: none; z-index: 999; }
.mob_nav a{	display: inline-block; line-height: 50px; text-decoration: none; width: 80%; margin-left: 10%; color: #FFFFFF; border-bottom: solid 1px rgba(255,255,255,0.3); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight:300; }
.mob_nav a:hover{ color: rgba(255,255,255,0.4); border-bottom: solid 1px rgba(255,255,255,0.2); }
.mob_nav a{ -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; }
@-webkit-keyframes returnToNormal { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes returnToNormal { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@media only screen and (max-width: 768px){
}
@media only screen and (max-width: 640px){
}
@media only screen and (max-width: 576px){
}
@media only screen and (max-width: 414px){
}

/*banner*/
#banner{ width: 100%; height: 100vh; position: relative; }
#banner .swiper-pagination{ bottom:30px; }
#banner .swiper-pagination-bullet{ opacity: 1; width: 14px; height: 14px; background: none; border:2px solid #f7fbfe; border-radius: 50%; }
#banner .swiper-pagination-bullet-active{ width: 42px; height: 12px; background: var(--pei-color); border-radius: 12px; border:none; }
#banner .swiper-slide-active .scaleBg{ visibility: visible; -webkit-animation:scale-bg 3s linear forwards; animation:scale-bg 3s linear forwards; }
#banner .swiper-slide a{ display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
#banner .swiper-slide a > img{ transition:9s ease; width: 100%; height: 100%; object-fit: cover; }
#banner .swiper-slide:nth-child(1) a > img { transform:scale(1.05); }
#banner .swiper-slide:nth-child(2) a > img { transform:scale(1.05); }
#banner .swiper-slide:nth-child(3) a > img { transform:scale(1.05); }
#banner .swiper-slide:nth-child(4) a > img { transform:scale(1.05); }
#banner .swiper-slide-active:nth-child(1) a > img { transform:scale(1)}
#banner .swiper-slide-active:nth-child(2) a > img { transform:scale(1)}
#banner .swiper-slide-active:nth-child(3) a > img { transform:scale(1)}
#banner .swiper-slide-active:nth-child(4) a > img { transform:scale(1)}

#banner .speed{ width:0; height:8px; background:var(--zhu-color); position:absolute; bottom:0; left:0; z-index:99; }
#banner .speed.move{ width:100vw; transition:5s width linear; }
@media only screen and (max-width: 1400px){
  #banner{ height: auto; }
  #banner .speed{ height:7px; }
}
@media only screen and (max-width: 1200px){
  #banner .speed{ height:6px; }
}
@media only screen and (max-width: 992px){
  #banner .speed{ height:5px; }
}
@media only screen and (max-width: 768px){
  #banner .speed{ height:4px; }
}
@media only screen and (max-width: 640px){
  #banner .speed{ height:3px; }
}
@media only screen and (max-width: 576px){
  #banner .speed{ height:2px; }
}
@media only screen and (max-width: 414px){
}

/* m_tit */
.m_tit{ padding:30px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.m_tit span{ font-family: "DINBA"; text-transform: uppercase; font-size: 72px; line-height: 1; color: #ffffff; -webkit-text-stroke: 1px var(--zhu-color); opacity: .1; }
.m_tit b{ margin-top: -25px; display: inline-block; border: 4px solid var(--zhu-color); padding:10px 60px 0; position: relative; }
.m_tit b small{ font-size: 30px; color: #333333; background: #ffffff; line-height: 1; font-weight: bold; display: inline-block; padding:0 5px; position: relative; top:15px; }
.m_tit p{ font-size: 18px; text-align: center; color: #666666; line-height: 24px; padding-top: 28px; }
@media only screen and (max-width: 1400px){
  .m_tit span{ font-size: 64px; }
  .m_tit b{ margin-top: -25px; border: 4px solid var(--zhu-color); padding:8px 50px 0; }

  .m_tit p{ font-size: 17px;  }
}
@media only screen and (max-width: 1200px){

  .m_tit span{ font-size: 56px; }
  .m_tit b{ margin-top: -25px; border: 3px solid var(--zhu-color); padding:6px 40px 0; }

  .m_tit p{ font-size: 16px;  }
}
@media only screen and (max-width: 992px){

  .m_tit span{ font-size: 48px; }
  .m_tit b{ margin-top: -20px; border: 3px solid var(--zhu-color); padding:5px 35px 0; }

  .m_tit p{ font-size: 15px; }
}
@media only screen and (max-width: 768px){
  .m_tit span{ font-size: 40px; }
  .m_tit b{ margin-top: -18px; border: 2px solid var(--zhu-color); padding:4px 30px 0; }

  .m_tit p{ font-size: 14px; }
}
@media only screen and (max-width: 640px){
  .m_tit span{ font-size: 38px; }
  .m_tit b{ margin-top: -15px; border: 2px solid var(--zhu-color); padding:2px 25px 0; }

  .m_tit p{ font-size: 13px; }
}
@media only screen and (max-width: 576px){
  .m_tit b{ margin-top: -10px; border: 2px solid var(--zhu-color); padding:0 20px; }

  .m_tit p{ font-size: 12px; }
}
@media only screen and (max-width: 414px){
  .m_tit b{ margin-top: -8px; border: 2px solid var(--zhu-color); padding:0 10px; }
  /*.m_tit b small{ font-size: 16px; top:10px; font-weight: normal; }*/
}

/* m_product */
.m_product{ padding:30px 0; overflow: hidden; background: url(../images/product_bg.jpg) no-repeat top center; }
.m_product .bd{ overflow: hidden; }
.m_product .bd .type{ margin:30px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.m_product .bd .type a{ margin:0 24px; display: inline-flex; overflow: hidden; padding:15px 30px; border:1px solid #d2d2d2; border-radius: 30px 0 30px 0; position: relative; }
.m_product .bd .type a::before{ content: ""; display: block; width: 0; position: absolute; left:50%; top:0; height: 100%; background: var(--zhu-color); transition: all .3s; }
.m_product .bd .type a i{ position: relative; z-index: 33; font-size: 16px; color: #333333; line-height: 1; font-weight: bold; transition: all .3s; }
.m_product .bd .type a:hover{ transition: all .3s; border-radius: 0 30px 0 30px; border-color: var(--zhu-color); }
.m_product .bd .type a:hover::before{ transition: all .3s; width: 100%; left:0; }
.m_product .bd .type a:hover i{ transition: all .3s; color: #ffffff; }
.product_list a{ display: flex; width: 100%; overflow: hidden; flex-direction: column; }
.product_list a .img{ width: 100%; padding-bottom: 75%; overflow: hidden; position: relative; }
.product_list a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; position: absolute; }
.product_list a .txt{ padding:20px; background: #f0f2f1; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; position: relative; transition: all .3s; }
.product_list a .txt::before{ content: ""; width: 100%; height: 0; background: var(--zhu-color); position: absolute; bottom: 0; left:0; transition: all .3s; }
.product_list a .txt .tit{ position: relative; width: calc(100% - 120px); display: flex; flex-direction: column; overflow: hidden; transition: all .3s; }
.product_list a .txt .tit b{ font-size: 18px; color: #333333; line-height: 1; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
.product_list a .txt .tit p{ font-size: 14px; color: rgba(0,0,0,0.5); line-height: 1; margin-top: 14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
.product_list a .txt .more{ position: relative; width: 120px; display: flex; flex-direction: column; align-items: flex-end; overflow: hidden; transition: all .3s; }
.product_list a .txt .more i{ position: relative; right: -20px; font-size: 48px; font-family: "黑体"; line-height: 1; color: var(--zhu-color); transition: all .3s; }
.product_list a .txt .more small{ margin-top: -24px; display: inline-flex; padding:10px 20px; background: var(--zhu-color); font-size: 14px; color: #ffffff; line-height: 1; border-radius: 30px; transition: all .3s; }
.product_list a:hover img{ transition: all .3s; transform: rotate(-5deg) scale(1.12); }
.product_list a:hover .txt::before{ transition: all .3s; height: 100%; }
.product_list a:hover .txt .tit b{ transition: all .3s; color: #ffffff; }
.product_list a:hover .txt .tit p{ transition: all .3s; color: rgba(255,255,255,.5); }
.product_list a:hover .txt .more i{ transition: all .3s; color: #ffffff; }
.product_list a:hover .txt .more small{ transition: all .3s; background: var(--pei-color); color: #ffffff; }
.product_lists{ display: flex; flex-wrap: wrap; overflow: hidden; }
.product_lists li{ width: calc(33.3% - 20px); margin-right: 30px; margin-bottom: 30px; }
.product_lists li:nth-child(3n+0){ margin-right: 0; }
@media only screen and (max-width: 1400px){
  .m_product{ padding:0 0 15px; }
  .m_product .bd{margin-top: 15px;}
  .m_product .bd .type{ margin:0 0 25px; justify-content: space-between; }
  .m_product .bd .type a{ margin:0; padding:14px 25px; border-radius: 25px 0 25px 0; }
  .m_product .bd .type a i{ font-size: 16px; font-weight: normal; }
  .m_product .bd .type a:hover{ border-radius: 0 25px 0 25px; }
  .product_list a .txt{ padding:15px; }
  .product_list a .txt .tit{ width: calc(100% - 100px); }
  .product_list a .txt .tit b{ font-size: 17px; }
  .product_list a .txt .tit p{ font-size: 14px; margin-top: 12px; }
  .product_list a .txt .more{ width: 100px; }
  .product_list a .txt .more i{ right: -20px; font-size: 44px; }
  .product_list a .txt .more small{ margin-top: -24px; padding:8px 16px; font-size: 14px; border-radius: 30px; }
  .product_lists li{ width: calc(33.3% - 16.6px); margin-right: 25px; margin-bottom: 25px; }
  .product_lists li:nth-child(3n+0){ margin-right: 0; }
}
@media only screen and (max-width: 1200px){
  .m_product .bd .type{ margin:0 0 20px; }
  .m_product .bd .type a{ margin:0; padding:13px 20px; border-radius: 20px 0 20px 0; }
  .m_product .bd .type a i{ font-size: 15px; }
  .m_product .bd .type a:hover{ border-radius: 0 20px 0 20px; }

  .product_list a .txt .tit{ width: calc(100% - 100px); }
  .product_list a .txt .tit b{ font-size: 16px; font-weight: normal; }
  .product_list a .txt .tit p{ font-size: 13px; margin-top: 10px; }
  .product_list a .txt .more{ width: 100px; }
  .product_list a .txt .more i{ right: -20px; font-size: 40px; }
  .product_list a .txt .more small{ margin-top: -24px; padding:8px 16px; font-size: 13px; border-radius: 30px; }
  .product_lists li{ width: calc(33.3% - 13.3px); margin-right: 20px; margin-bottom: 20px; }
  .product_lists li:nth-child(3n+0){ margin-right: 0; }
}
@media only screen and (max-width: 992px){
  .m_product .bd .type{ margin:0 0 15px; justify-content: center; }
  .m_product .bd .type a{ padding:12px; margin:4px 0; margin-right: 10px; border-radius: 15px 0 15px 0; }
  .m_product .bd .type a i{ font-size: 14px; }
  .m_product .bd .type a:hover{ border-radius: 0 15px 0 15px; }
  .product_list a .txt .tit{ width: calc(100% - 100px); }
  .product_list a .txt .tit b{ font-size: 16px; font-weight: normal; }
  .product_list a .txt .tit p{ font-size: 13px; margin-top: 10px; }
  .product_list a .txt .more{ width: 100px; }
  .product_list a .txt .more i{ right: -20px; font-size: 40px; }
  .product_list a .txt .more small{ margin-top: -24px; padding:8px 16px; font-size: 13px; border-radius: 30px; }
  
  
}
@media only screen and (max-width: 768px){
  .m_product .bd .type a{ padding:10px; margin:3px 0; margin-right: 8px; border-radius: 12px 0 12px 0; }
  .m_product .bd .type a i{ font-size: 13px; }
  .m_product .bd .type a:hover{ border-radius: 0 12px 0 12px; }
  .product_list a .txt .tit{ width: calc(100% - 100px); }
  .product_list a .txt .tit b{ font-size: 15px; }
  .product_list a .txt .tit p{ font-size: 12px; margin-top: 10px; }
  .product_list a .txt .more{ width: 100px; }
  .product_list a .txt .more i{ right: -20px; font-size: 40px; }
  .product_list a .txt .more small{ margin-top: -24px; padding:7px 14px; font-size: 12px; }
  .product_lists li{ width: calc(50% - 7.5px); margin-right: 15px; margin-bottom: 15px; }
  .product_lists li:nth-child(3n+0){ margin-right: 15px; }
  .product_lists li:nth-child(2n+0){ margin-right: 0; }
}
@media only screen and (max-width: 640px){
  .m_product .bd .type a{ padding:10px; margin:3px 0; margin-right: 6px; border-radius: 10px 0 10px 0; }
  .m_product .bd .type a i{ font-size: 13px; }
  .m_product .bd .type a:hover{ border-radius: 0 10px 0 10px; }

  .product_list a .txt{ padding:12px 10px; }
  .product_list a .txt .tit{ width: calc(100% - 90px); }
  .product_list a .txt .tit b{ font-size: 14px; }
  .product_list a .txt .tit p, .product_list a .txt .more i{ display: none; }
  .product_list a .txt .more{ width: 90px; }
  .product_list a .txt .more small{ margin-top: 0; padding:5px 10px; font-size: 12px; }
}
@media only screen and (max-width: 576px){
  .m_product .bd{margin-top: 0}
  .m_product .bd .type a{ padding:8px; margin:2px 0; margin-right: 4px; border-radius: 8px 0 8px 0; }
  .m_product .bd .type a i{ font-size: 13px; }
  .m_product .bd .type a:hover{ border-radius: 0 8px 0 8px; }
  .product_list a .txt{ padding:10px; }
  .product_list a .txt .tit{ width: 100%; }
  .product_list a .txt .tit b{ font-size: 13px; text-align: center; }
  .product_list a .txt .more{ display: none; }
  .product_list a .txt .more small{ padding:5px 10px; font-size: 12px; }
}
@media only screen and (max-width: 414px){
  .m_product .bd .type a i{ font-size: 12px; }
  .product_list a .txt .tit b{ font-size: 12px; }
}

/* m_about */
.m_about{ overflow: hidden; position: relative; }
.m_about .inner{ position: relative; z-index: 3; }
.m_about .bg{ content: ""; width: 100%; height: calc(100% - 60px); background: var(--zhu-color); opacity: .1; position: absolute; bottom:0; left:0; }
.m_about > img{ position: absolute; bottom:0; right: 148px; width: 864px; height: 628px; }
.m_about .info{ width: 50%; box-sizing: border-box; padding:125px 0 65px; }
.m_about .info span{ display: block; font-size: 26px; color: #333333; line-height: 1; text-transform: capitalize; line-height: 1; position: relative; }
.m_about .info span::before{ content: ""; width: 40px; height: 40px; background: var(--zhu-color); border-radius: 50%; line-height: 1; position: absolute; left:-42px; top:-15px; z-index: 3; }
.m_about .info span::after{ content: ""; width: 40px; height: 40px; background: var(--zhu-color); opacity: .3; border-radius: 50%; line-height: 1; position: absolute; left:-50px; top:0; z-index: 2; }
.m_about .info b{ display: block; font-size: 30px; color: #333333; font-weight: bold; line-height: 1; margin-top: 18px; }
.m_about .info small{ display: block; font-size: 26px; color: #333333; line-height: 1; margin:60px 0; }
.m_about .info p{ display: block; text-indent: -2em; font-size: 16px; color: #333333; line-height: 1.875; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.m_about .info a{ position: relative; overflow: hidden; margin-top: 80px; display: inline-flex; align-items: center; justify-content: center; padding:13px 36px; border:1px solid var(--zhu-color); border-radius: 30px; position: relative; }
.m_about .info a::before{ content: ""; width: 0; height: 100%; position: absolute; left:50%; background: var(--zhu-color); transition: all .3s; }
.m_about .info a i{ font-size: 16px; color: var(--zhu-color); line-height: 1; position: relative; }
.m_about .info a:hover::before{ transition: all .3s; width: 100%; left:0; }
.m_about .info a:hover i{ color:#ffffff; line-height: 1; }
.m_about::before{ animation: water 3s linear infinite; content: ""; display: block; width: 1110px; height: 1110px; border:1px dashed var(--zhu-color); opacity: .5; border-radius: 50%; position: absolute; right: 20px; top:140px; }
@-webkit-keyframes water { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} }
@media only screen and (max-width: 1400px){
  .m_about .bg{ height: calc(100% - 20px); }
  .m_about > img{ bottom:0; right: 0; width: 50%; height: auto; }
  .m_about .info{ width: 60%; padding:60px 0; }
  .m_about .info span{ font-size: 24px; padding-left: 45px; }
  .m_about .info span::before{ width: 35px; height: 35px; left:8px; top:-15px; }
  .m_about .info span::after{ width: 35px; height: 35px; left:0; }
  .m_about .info b{ font-size: 28px; margin-top: 18px; padding-left: 45px; }
  .m_about .info small{ font-size: 24px; margin:30px 0; padding-left: 45px; }
  .m_about .info p{ text-indent: -2em; font-size: 16px; padding-left: 45px; line-height: 1.7; }
  .m_about .info a{ margin-top: 30px; padding:13px 36px; margin-left: 45px; }
  .m_about .info a i{ font-size: 16px; }
  .m_about::before{ animation: water 3s linear infinite; width: 700px; height: 700px; position: absolute; right: 0; top:80px; }
}
@media only screen and (max-width: 1200px){
  .m_about .bg{ height: 100%; }
  .m_about .info{ width: 60%; }
  .m_about .info span{ font-size: 22px; padding-left: 40px; }
  .m_about .info span::before{ width: 30px; height: 30px; left:8px; top:-15px; }
  .m_about .info span::after{ width: 30px; height: 30px; left:0; }
  .m_about .info b{ font-size: 26px; margin-top: 16px; padding-left: 40px; }
  .m_about .info small{ font-size: 22px; margin:25px 0; padding-left: 40px; }
  .m_about .info p{ text-indent: -2em; font-size: 16px; padding-left: 40px; line-height: 1.6; }
  .m_about .info a{ margin-top: 25px; padding:12px 30px; margin-left: 40px; }
  .m_about .info a i{ font-size: 16px; }
  .m_about::before{ animation: water 3s linear infinite; width: 600px; height: 600px; position: absolute; right: 0; top:80px; }
}
@media only screen and (max-width: 992px){
  .m_about .info{ width: 60%;  }
  .m_about .info span{ font-size: 20px; padding-left: 35px; }
  .m_about .info span::before{ width: 25px; height: 25px; left:8px; top:-15px; }
  .m_about .info span::after{ width: 25px; height: 25px; left:0; }
  .m_about .info b{ font-size: 26px; margin-top: 14px; padding-left: 35px; }
  .m_about .info small{ font-size: 20px; margin:20px 0; padding-left: 35px; }
  .m_about .info p{ text-indent: -2em; font-size: 15px; padding-left: 35px; line-height: 1.6; }
  .m_about .info a{ margin-top: 20px; padding:10px 24px; margin-left: 35px; }
  .m_about .info a i{ font-size: 15px; }
  .m_about::before{ width: 500px; height: 500px; right: 0; top:80px; }
}
@media only screen and (max-width: 768px){
  .m_about > img{ bottom:0; right: -30%; width: 60%; height: auto; }
  .m_about .info{ width: 80%; padding:45px 0; }
  .m_about .info span{ font-size: 20px; padding-left: 30px; }
  .m_about .info span::before{ width: 20px; height: 20px; left:8px; top:-8px; }
  .m_about .info span::after{ width: 20px; height: 20px; left:0; }
  .m_about .info b{ font-size: 24px; margin-top: 12px; padding-left: 30px; }
  .m_about .info small{ font-size: 18px; margin:18px 0; padding-left: 30px; }
  .m_about .info p{ text-indent: -2em; font-size: 15px; padding-left: 30px; line-height: 1.6; }
  .m_about .info a{ margin-top: 18px; padding:10px 24px; margin-left: 30px; }
  .m_about .info a i{ font-size: 15px; }
  .m_about::before{ width: 400px; height: 400px; right: 0; top:80px; }
}
@media only screen and (max-width: 640px){
  .m_about > img{ bottom:0; right: -34%; width: 68%; height: auto; }
  .m_about .info{ width: 85%;  }
  .m_about .info span{ font-size: 18px; padding-left: 25px; }
  .m_about .info span::before{ width: 15px; height: 15px; left:8px; top:-8px; }
  .m_about .info span::after{ width: 15px; height: 15px; left:0; }
  .m_about .info b{ font-size: 22px; margin-top: 12px; padding-left: 25px; }
  .m_about .info small{ font-size: 18px; margin:16px 0; padding-left: 25px; }
  .m_about .info p{ font-size: 14px; padding-left: 25px; }
  .m_about .info a{ margin-top: 16px; padding:8px 20px; margin-left: 25px; }
  .m_about .info a i{ font-size: 14px; }
  .m_about::before{ width: 500px; height: 500px; right: 0; top:15px; }
}
@media only screen and (max-width: 576px){
  .m_about > img{ bottom:0; right: -35%; width: 70%; height: auto; }
  .m_about .info{ width: 85%; padding:30px 0; }
  .m_about .info span{ font-size: 16px; padding-left: 20px; }
  .m_about .info span::before{ width: 10px; height: 10px; left:5px; top:-5px; }
  .m_about .info span::after{ width: 10px; height: 10px; left:0; }
  .m_about .info b{ font-size: 20px; margin-top: 10px; padding-left: 20px; }
  .m_about .info small{ font-size: 16px; margin:14px 0; padding-left: 20px; }
  .m_about .info p{ font-size: 13px; padding-left: 20px; }
  .m_about .info a{ margin-top: 14px; padding:6px 16px; margin-left: 20px; }
  .m_about .info a i{ font-size: 13px; }
  .m_about::before{ width: 350px; height: 350px; right: 0; top:15px; }
}
@media only screen and (max-width: 414px){
  .m_about > img{ bottom:0; right: -34%; width: 80%; height: auto; }
  .m_about .info{ width: 85%; }
  .m_about .info span{ font-size: 14px; padding-left: 0; }
  .m_about .info span::before{ display: none; }
  .m_about .info span::after{ display: none; }
  .m_about .info b{ font-size: 18px; margin-top: 8px; padding-left: 0; }
  .m_about .info small{ font-size: 14px; margin:12px 0; padding-left: 0; }
  .m_about .info p{ font-size: 12px; padding-left: 0; }
  .m_about .info a{ margin-top: 14px; padding:6px 16px; margin-left: 0; }
  .m_about .info a i{ font-size: 12px; }
  .m_about::before{ width: 300px; height: 300px; right: 0; top:15px; }
}

/* m_advantage */
.m_advantage{ background: var(--zhu-color); overflow: hidden; padding:65px 0; } 
.m_advantage .inner{ display: flex; align-items: center; justify-content: space-between; }
.m_advantage .numbers{ display: flex; align-items: center; justify-content: space-between; width: 75%; box-sizing: border-box; padding-right: 30px; }
.m_advantage .numbers li{ display: flex; flex-direction: column; align-items: center; justify-content: center; border:2px solid rgba(255, 255, 255, 0.42); width: 235px; height: 235px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }
.m_advantage .numbers li .box{ position: absolute; top:0; left:0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.m_advantage .numbers li p{ display: flex; align-items: flex-end; } 
.m_advantage .numbers li p span{ font-family: "G7"; font-size: 72px; color: #ffffff; line-height: 1; }
.m_advantage .numbers li p i{ font-size: 16px; color: #ffffff; line-height: 1; margin-left: 2px; position: relative; top:-8px; }
.m_advantage .numbers li small{ margin:20px 0 0; font-size: 16px; color: #f2f6f5; line-height: 1; }
.m_advantage .numbers li .box > span{ font-size: 24px; line-height: 1; color: #ffffff; position: absolute; bottom:15px; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.m_advantage .advantage_info{ width: 25%; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; }
.m_advantage .advantage_info span{ font-size: 60px; font-family: "DINB"; color: rgba(255, 255, 255, 0.27); line-height: 1; font-weight: bold; text-transform: uppercase; }
.m_advantage .advantage_info b{ margin:35px 0; font-size: 30px; color: #ffffff; line-height: 1.2; text-align: right; }
.m_advantage .advantage_info p{ font-size: 14px; color: #f2f6f5; line-height: 1.7; text-align: right; }
@media only screen and (max-width: 1400px){
  .m_advantage .numbers{ width: 70%; padding-right: 25px; }
  .m_advantage .numbers li{ border:2px solid rgba(255, 255, 255, 0.42); width: 235px; height: 235px; }
  .m_advantage .numbers li p span{ font-size: 64px; }
  .m_advantage .numbers li p i{ font-size: 16px; margin-left: 2px; top:-6px; }
  .m_advantage .numbers li small{ margin:20px 0 0; font-size: 16px; }
  .m_advantage .numbers li .box > span{ font-size: 24px; bottom:15px; }
  .m_advantage .advantage_info{ width: 30%; }
  .m_advantage .advantage_info span{ font-size: 54px; }
  .m_advantage .advantage_info b{ margin:30px 0; font-size: 28px; }
  .m_advantage .advantage_info p{ font-size: 14px; }
}
@media only screen and (max-width: 1200px){
  .m_advantage .numbers{ width: 70%; padding-right: 20px; }
  .m_advantage .numbers li{ border:2px solid rgba(255, 255, 255, 0.42); width: 200px; height: 200px; }
  .m_advantage .numbers li p span{ font-size: 56px; }
  .m_advantage .numbers li p i{ font-size: 15px; margin-left: 2px; top:-5px; }
  .m_advantage .numbers li small{ margin:18px 0 0; font-size: 15px; }
  .m_advantage .numbers li .box > span{ font-size: 20px; bottom:15px; }
  .m_advantage .advantage_info{ width: 30%; }
  .m_advantage .advantage_info span{ font-size: 48px; }
  .m_advantage .advantage_info b{ margin:25px 0; font-size: 26px; }
  .m_advantage .advantage_info p{ font-size: 14px; }
}
@media only screen and (max-width: 992px){
  .m_advantage{ padding:60px 0; } 
  .m_advantage .numbers{ width: 70%; padding-right: 15px; }
  .m_advantage .numbers li{ border:2px solid rgba(255, 255, 255, 0.42); width: 160px; height: 160px; }
  .m_advantage .numbers li p span{ font-size: 48px; }
  .m_advantage .numbers li p i{ font-size: 14px; margin-left: 2px; top:-5px; }
  .m_advantage .numbers li small{ margin:16px 0 0; font-size: 14px; }
  .m_advantage .numbers li .box > span{ font-size: 18px; bottom:12px; }
  .m_advantage .advantage_info{ width: 30%; }
  .m_advantage .advantage_info span{ font-size: 42px; }
  .m_advantage .advantage_info b{ margin:20px 0; font-size: 24px; }
  .m_advantage .advantage_info p{ font-size: 14px; }
}
@media only screen and (max-width: 768px){
  .m_advantage{ padding:30px 0; } 
  .m_advantage .inner{ flex-direction: column; }
  .m_advantage .numbers{ width: 100%; padding-right: 0; }
  .m_advantage .numbers li{ border:2px solid rgba(255, 255, 255, 0.42); width: 160px; height: 160px; }
  .m_advantage .numbers li p span{ font-size: 40px; }
  .m_advantage .numbers li p i{ font-size: 14px; margin-left: 2px; top:-5px; }
  .m_advantage .numbers li small{ margin:14px 0 0; font-size: 14px; }
  .m_advantage .numbers li .box > span{ font-size: 16px; bottom:10px; }
  .m_advantage .advantage_info{ width: 100%; align-items: center; padding-top: 15px; }
  .m_advantage .advantage_info span{ font-size: 36px; }
  .m_advantage .advantage_info b{ margin:15px 0; font-size: 22px; text-align: center; }
  .m_advantage .advantage_info p{ font-size: 14px; }
}
@media only screen and (max-width: 640px){
  .m_advantage{ padding:15px 0; } 
  .m_advantage .numbers li{ border:2px solid rgba(255, 255, 255, 0.42); width: 160px; height: 160px; }
  .m_advantage .numbers li p span{ font-size: 24px; }
  .m_advantage .numbers li p i{ font-size: 13px; margin-left: 2px; top:-4px; }
  .m_advantage .numbers li small{ margin:12px 0 0; font-size: 13px; }
  .m_advantage .numbers li .box > span{ font-size: 14px; bottom:10px; }
  .m_advantage .advantage_info span{ font-size: 24px; }
  .m_advantage .advantage_info b{ margin:8px 0; font-size: 18px; }
  .m_advantage .advantage_info p{ font-size: 13px; text-align: center; }
}
@media only screen and (max-width: 576px){
  .m_advantage .numbers li{ border:2px solid rgba(255, 255, 255, 0.42); width: 120px; height: 120px; }
  .m_advantage .numbers li p span{ font-size: 20px; }
  .m_advantage .numbers li p i{ font-size: 12px; margin-left: 2px; top:-3px; }
  .m_advantage .numbers li small{ margin:10px 0 0; font-size: 12px; }
  .m_advantage .advantage_info span{ font-size: 20px; }
  .m_advantage .advantage_info b{ margin:8px 0; font-size: 16px; font-weight: normal; }
  .m_advantage .advantage_info p{ font-size: 12px; }
}
@media only screen and (max-width: 414px){
  .m_advantage .numbers li{ border:2px solid rgba(255, 255, 255, 0.42); width: 95px; height: 95px; }
  .m_advantage .numbers li p span{ font-size: 18px; }
  .m_advantage .numbers li p i{ font-size: 12px; margin-left: 2px; top:-2px; }
  .m_advantage .numbers li small{ margin:5px 0; font-size: 12px; padding:0 15px; line-height: 1.2; text-align: center; }
  .m_advantage .numbers li .box > span{ bottom:3px; }
  .m_advantage .advantage_info span{ font-size: 18px; }
  .m_advantage .advantage_info b{ margin:6px 0; font-size: 14px; font-weight: normal; }
}

/* m_super */
.m_super{ background: url(../images/super_bg.jpg) no-repeat top center; overflow: hidden; padding:75px 0; } 
.m_super .hd{ text-align: center; margin-bottom: 65px; }
.m_super .hd b{ display: inline-flex; align-items: flex-start; font-size: 36px; color: #ffffff; font-weight: bold; line-height: 1; }
.m_super .hd b span{ color: var(--zhu-color); }
.m_super .hd b i{ display: inline-block; width: 20px; height: 20px; border:4px solid var(--zhu-color); border-radius: 50%; margin-left: 12px; margin-top: -2px; }
.m_super .hd p{ font-size: 18px; color: rgba(255, 255, 255, 0.68); line-height: 1; margin-top: 18px; }
.m_super .bd{ overflow: hidden; position: relative; padding:24px 0; }
.m_super .bd ul{ display: flex; flex-wrap: wrap; }
.m_super .bd ul li{ width: 50%; margin:34px 0; display: inline-flex; align-items: center; }
.m_super .bd ul li:nth-child(2n+0){ flex-direction: row-reverse; }
.m_super .bd ul li:nth-child(2n+0) .txt{ text-align: right; }
.m_super .bd ul li .icon{ display: flex; align-items: center; justify-content: center; position: relative; width: 92px; height: 105px; background: url(../images/ico_hexagon.png) no-repeat center; transition: all .3s; }
.m_super .bd ul li .icon span{ font-size: 48px; color: var(--zhu-color); line-height: 1; transition: all .3s; }
.m_super .bd ul li:hover .icon{ transition: all .3s; background: url(../images/ico_hexagon_bg.png) no-repeat center; }
.m_super .bd ul li:hover .icon span{ transition: all .3s; color: #ffffff; }
.m_super .bd ul li .txt{ padding:0 36px; display: flex; flex-direction: column; }
.m_super .bd ul li .txt b{ font-size: 18px; font-weight: normal; color: #f2f6f5; line-height: 1; }
.m_super .bd ul li .txt p{ max-width: 220px; margin-top: 12px; line-height: 1.7; font-size: 14px; color: rgba(255, 255, 255, .3); text-transform: capitalize; line-height: 1; }
.m_super .bd .center{ width: 560px; height: 560px; display: flex; align-items: center; justify-content: center; position: absolute; top:50%; left:50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.m_super .bd .center::before{ animation: water 3s linear infinite; content: ""; display: block; width: 100%; height: 100%; border:2px dashed rgba(255, 255, 255, .33); border-radius: 50%; position: absolute; top:0; left:0; }
.m_super .bd .center .box{ width: 92%; height: 92%; border-radius: 50%; box-sizing: border-box; border:36px solid var(--zhu-color); display: flex; align-items: center; justify-content: center; }
@media only screen and (max-width: 1400px){
  .m_super{ padding:50px 0; } 
  .m_super .hd{ margin-bottom: 50px; }

  .m_super .hd p{ font-size: 17px; margin-top: 16px; line-height: 24px}
  .m_super .bd{ padding:20px 0; }
  .m_super .bd ul li{ width: 50%; margin:30px 0; }
  .m_super .bd ul li .icon{ width: 90px; height: 102px; background-size: contain; }
  .m_super .bd ul li:hover .icon{ background-size: contain; }
  .m_super .bd ul li .icon span{ font-size: 44px; }
  .m_super .bd ul li .txt{ padding:0 30px; }
  .m_super .bd ul li .txt b{ font-size: 17px; }
  .m_super .bd ul li .txt p{ max-width: 220px; margin-top: 10px; line-height: 1.6; font-size: 14px; }
  .m_super .bd .center{ width: 520px; height: 520px; }
  .m_super .bd .center::before{ border:2px dashed rgba(255, 255, 255, .33); }
  .m_super .bd .center .box{ width: 92%; height: 92%; border:30px solid var(--zhu-color); }
  .m_super .bd .center .box img{ max-width: 95%; }
}
@media only screen and (max-width: 1200px){
  .m_super .hd{ margin-bottom: 40px; }
  .m_super .hd b{ font-size: 32px; font-weight: bold; }
  .m_super .hd b i{ width: 18px; height: 18px; border:3px solid var(--zhu-color); margin-left: 10px; margin-top: -2px; }
  .m_super .bd{ padding:15px 0; }
  .m_super .bd ul li{ width: 50%; margin:20px 0; }
  .m_super .bd ul li .icon{ width: 88px; height: 100px; }
  .m_super .bd ul li .icon span{ font-size: 40px; }
  .m_super .bd ul li .txt{ padding:0 20px; }
  .m_super .bd ul li .txt b{ font-size: 16px; }
  .m_super .bd ul li .txt p{ max-width: 160px; margin-top: 8px; line-height: 1.3; font-size: 13px; }
  .m_super .bd .center{ width: 440px; height: 440px; }
  .m_super .bd .center::before{ border:2px dashed rgba(255, 255, 255, .33); }
  .m_super .bd .center .box{ width: 92%; height: 92%; border:25px solid var(--zhu-color); }
  .m_super .bd .center .box img{ max-width: 95%; }
}
@media only screen and (max-width: 992px){
  .m_super{ padding:45px 0; background-size: cover; } 
  .m_super .hd{ margin-bottom: 30px; }

  .m_super .bd{ padding:0; }
  .m_super .bd ul li{ width: 50%; margin:10px 0; }
  .m_super .bd ul li .icon{ width: 80px; height: 90px; }
  .m_super .bd ul li .icon span{ font-size: 40px; }
  .m_super .bd ul li .txt{ padding:0 20px; }
  .m_super .bd ul li .txt b{ font-size: 16px; }
  .m_super .bd ul li .txt p{ max-width: 120px; margin-top: 8px; line-height: 1.3; font-size: 13px; }
  .m_super .bd .center{ width: 300px; height: 300px; }
  .m_super .bd .center::before{ border:2px dashed rgba(255, 255, 255, .33); }
  .m_super .bd .center .box{ width: 92%; height: 92%; border:20px solid var(--zhu-color); }
  .m_super .bd .center .box img{ max-width: 95%; }
}
@media only screen and (max-width: 768px){
  .m_super{background-size: cover; } 
  .m_super .hd b i{ width: 12px; height: 12px; }

  .m_super .bd{ padding:0; display: flex; flex-direction: column-reverse; }
  .m_super .bd ul li{ width: calc(50% - 7.5px); margin:5px 0; }
  .m_super .bd ul li .icon{ width: 70px; height: 80px; }
  .m_super .bd ul li .icon span{ font-size: 36px; }
  .m_super .bd ul li .txt{ padding:0 15px; width: calc(100% - 70px); }
  .m_super .bd ul li .txt b{ font-size: 15px; }
  .m_super .bd ul li .txt p{ max-width: 100%; margin-top: 6px; font-size: 13px; }
  .m_super .bd .center{ width: 450px; height: 450px; margin:0 auto; position: static; -webkit-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
  .m_super .bd .center::before{ border:2px dashed rgba(255, 255, 255, .33); }
  .m_super .bd .center .box{ width: 92%; height: 92%; border:15px solid var(--zhu-color); }
  .m_super .bd .center .box img{ max-width: 95%; }
}
@media only screen and (max-width: 640px){
  .m_super{  } 
  .m_super .hd b{ font-size: 18px; font-weight: bold; }
  .m_super .hd b i{ width: 10px; height: 10px; }
  .m_super .hd p{  margin-top: 10px; }
  .m_super .bd ul li{ width: calc(50% - 7.5px); margin:5px 0; }
  .m_super .bd ul li .icon{ width: 60px; height: 70px; }
  .m_super .bd ul li .icon span{ font-size: 32px; }
  .m_super .bd ul li .txt{ padding:0 15px; width: calc(100% - 60px); }
  .m_super .bd ul li .txt b{ font-size: 15px; }
  .m_super .bd ul li .txt p{ margin-top: 5px; font-size: 13px; }
  .m_super .bd .center{ width: 400px; height: 400px; }
  .m_super .bd .center::before{ border:2px dashed rgba(255, 255, 255, .33); }
  .m_super .bd .center .box{ width: 92%; height: 92%; border:15px solid var(--zhu-color); }
  .m_super .bd .center .box img{ max-width: 95%; }
}
@media only screen and (max-width: 576px){
  .m_super .hd b{ font-weight: normal; }
  .m_super .hd b i{ width: 8px; height: 8px; }
  .m_super .hd p{ font-size: 12px;  }
  .m_super .bd ul li{ width: calc(50% - 5px); margin:5px 0; }
  .m_super .bd ul li .icon{ width: 50px; height: 60px; }
  .m_super .bd ul li .icon span{ font-size: 28px; }
  .m_super .bd ul li .txt{ padding:0 10px; width: calc(100% - 50px); }
  .m_super .bd ul li .txt b{ font-size: 14px; }
  .m_super .bd ul li .txt p{ margin-top: 5px; font-size: 12px; }
  .m_super .bd .center{ width: 350px; height: 350px; }
  .m_super .bd .center::before{ border:2px dashed rgba(255, 255, 255, .33); }
  .m_super .bd .center .box{ width: 92%; height: 92%; border:15px solid var(--zhu-color); }
  .m_super .bd .center .box img{ max-width: 95%; }
}
@media only screen and (max-width: 414px){
  .m_super .hd b{  font-weight: normal; }
  .m_super .hd b i{ width: 6px; height: 6px; border:1px solid var(--zhu-color); }
  .m_super .hd p{  }
  .m_super .bd ul{ flex-wrap: wrap; justify-content: space-between; }
  .m_super .bd ul li{ width: calc(33.3% - 5px); box-sizing: border-box; padding:5px; margin:2px; flex-direction: column; }
  .m_super .bd ul li:nth-child(2n+0){ flex-direction: row; flex-direction: column; }
  .m_super .bd ul li:nth-child(2n+0) .txt{ text-align: left; }
  .m_super .bd ul li .icon{ width: 40px; height: 50px; }
  .m_super .bd ul li .icon span{ font-size: 24px; }
  .m_super .bd ul li .txt{ padding:0; text-align: center; width:100%; }
  .m_super .bd ul li .txt b{ font-size: 12px; line-height: 1.5; text-align: center; }
  .m_super .bd ul li .txt p{ display: none; }
  .m_super .bd .center{ width: 260px; height: 260px; }
  .m_super .bd .center::before{ border:2px dashed rgba(255, 255, 255, .33); }
  .m_super .bd .center .box{ width: 92%; height: 92%; border:10px solid var(--zhu-color); }
  .m_super .bd .center .box img{ max-width: 95%; }
}

/* m_case */
.m_case{ overflow: hidden; padding:30px 0; }
.m_case .bd{ position: relative; margin: 30px 0 15px;}
.m_case .bd .swiper-button-next, .m_case .bd .swiper-button-prev{ width: 44px; height: 44px; }
.m_case .bd .swiper-button-next::after, .m_case .bd .swiper-button-prev::after{ display: none; }
.m_case .bd .swiper-button-next i, .m_case .bd .swiper-button-prev i{ font-size: 44px; color: #666666; line-height: 1; transition: all .3s; }
.m_case .bd .swiper-button-prev{ left: -85px; }
.m_case .bd .swiper-button-next{ right: -85px; }
.m_case .bd .swiper-button-next i{ transform: rotate(180deg); }
.m_case .bd .swiper-button-next:hover i, .m_case .bd .swiper-button-prev:hover i{ color: var(--zhu-color); transition: all .3s; }
#cases{ overflow: hidden; }
#cases a{ display: block; width: 100%; overflow: hidden; position: relative; }
#cases a .img{ width: 100%; padding-bottom: 66%; position: relative; overflow: hidden; }
#cases a .img img{ width: 100%; height: 100%; position: absolute; object-fit: cover; transition: all .3s; }
#cases a .txt{ background: #f0f2f1; box-sizing: border-box; padding:25px; overflow: hidden; }
#cases a .txt b{ font-size: 18px; color: #333333; font-weight: bold; overflow:hidden; display:block; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
#cases a .txt p{ font-size: 14px; color: #999999; margin-top: 12px; line-height: 1; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
#cases a .mask{ background: var(--zhu-color); box-sizing: border-box; width: 72%; padding:60px 35px; position: absolute; right: -100%; bottom: -100%; transition: all .3s; display: block; }
#cases a .mask b{ display: block; font-size: 24px; color: #ffffff; font-weight: bold; line-height: 1; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
#cases a .mask p{ display: block; margin:30px 0; font-size: 14px; color: rgba(255, 255, 255, 0.6); line-height: 2; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; }
#cases a .mask small{ padding:10px 30px; background: #ffffff; border-radius: 30px; color: var(--zhu-color); line-height: 1; display: inline-flex; align-items: center; justify-content: center; }
#cases a .mask small i{ transform: rotate(180deg); font-size: 16px; color: var(--zhu-color); line-height: 1; margin-left: 12px; }
#cases a:hover img{ transition: all .3s; transform: scale(1.05); }
#cases a:hover .mask{ transition: all .3s; right: 0; bottom:0; }
@media only screen and (max-width: 1600px){
  .m_case .bd .swiper-button-prev{ left: 15px; }
  .m_case .bd .swiper-button-next{ right: 15px; }
}
@media only screen and (max-width: 1400px){
  .m_case{ padding:0 0 25px; }
  .m_case .bd .swiper-button-next, .m_case .bd .swiper-button-prev{ width: 40px; height: 40px; }
  .m_case .bd .swiper-button-next i, .m_case .bd .swiper-button-prev i{ font-size: 40px; color: #333; }

  #cases a .txt b{ font-size: 18px; }
  #cases a .txt p{ font-size: 14px; }
  #cases a .mask{ width: 72%; padding:30px; }
  #cases a .mask b{ font-size: 22px; }
  #cases a .mask p{ margin:25px 0; font-size: 14px; line-height: 1.8; }
  #cases a .mask small{ padding:10px 24px; }
  #cases a .mask small i{ font-size: 16px; margin-left: 10px; }
}
@media only screen and (max-width: 1200px){
  .m_case{ padding:0 0 20px; }
  .m_case .bd .swiper-button-next, .m_case .bd .swiper-button-prev{ width: 35px; height: 35px; }
  .m_case .bd .swiper-button-next i, .m_case .bd .swiper-button-prev i{ font-size: 35px; }

  #cases a .txt b{ font-size: 17px; }
  #cases a .txt p{ font-size: 14px; }
  #cases a .mask{ width: 72%; padding:25px; }
  #cases a .mask b{ font-size: 20px; }
  #cases a .mask p{ margin:20px 0; font-size: 14px; line-height: 1.6; }
  #cases a .mask small{ padding:8px 22px; }
  #cases a .mask small i{ font-size: 15px; margin-left: 8px; }
}
@media only screen and (max-width: 992px){
  .m_case{ padding:0 0 15px; }
  .m_case .bd .swiper-button-prev{ left: 0; }
  .m_case .bd .swiper-button-next{ right: 0; }
  .m_case .bd .swiper-button-next, .m_case .bd .swiper-button-prev{ margin-top:-15px; width: 30px; height: 30px; }
  .m_case .bd .swiper-button-next i, .m_case .bd .swiper-button-prev i{ font-size: 30px; }
  #cases a .txt b{ font-size: 16px; font-weight: normal; }
  #cases a .txt p{ font-size: 13px; }
  #cases a .mask{ width: 72%; padding:20px; }
  #cases a .mask b{ font-size: 18px; }
  #cases a .mask p{ margin:15px 0; font-size: 13px; line-height: 1.5; }
  #cases a .mask small{ padding:8px 20px; }
  #cases a .mask small i{ font-size: 14px; margin-left: 8px; }
}
@media only screen and (max-width: 768px){
  .m_case .bd .swiper-button-next, .m_case .bd .swiper-button-prev{ margin-top:-15px; width: 25px; height: 25px; }
  .m_case .bd .swiper-button-next i, .m_case .bd .swiper-button-prev i{ font-size: 25px; }
  #cases a .txt{padding:25px 15px;}
  #cases a .txt b{ font-size: 16px; }
  #cases a .txt p{ font-size: 13px; }
  #cases a .mask{ width: 72%; padding:20px; }
  #cases a .mask b{ font-size: 18px; }
  #cases a .mask p{ margin:15px 0; font-size: 13px; line-height: 1.5; -webkit-line-clamp:3; }
  #cases a .mask small{ padding:8px 18px; }
  #cases a .mask small i{ font-size: 13px; margin-left: 8px; }
}
@media only screen and (max-width: 640px){
  #cases a .txt b{ font-size: 15px; }
  #cases a .txt p{ font-size: 12px;}
  #cases a .mask{ width: 72%; padding:15px; }
  #cases a .mask b{ font-size: 16px; font-weight: normal; }
  #cases a .mask p{ margin:12px 0; font-size: 12px; -webkit-line-clamp:3; }
  #cases a .mask small{ padding:6px 16px; }
  #cases a .mask small i{ font-size: 12px; margin-left: 6px; }
}
@media only screen and (max-width: 576px){
  .m_case .bd{margin:0 0 15px;}
  #cases a .txt b{ font-size: 14px; }
  #cases a .txt p{ margin-top: 10px; }
  #cases a .mask{ width: 80%; padding:15px; }
  #cases a .mask b{ font-size: 15px; font-weight: normal; }
  #cases a .mask p{ margin:10px 0; -webkit-line-clamp:3; }
  #cases a .mask small{ padding:6px 14px; }
  #cases a .mask small i{ margin-left: 6px; }
}
@media only screen and (max-width: 414px){
  #cases a .txt{ padding:15px; }
  #cases a .txt b{ font-size: 13px; }
  #cases a .mask{ width: 90%; padding:12px; }
  #cases a .mask b{ font-size: 14px; font-weight: normal; }
  #cases a .mask p{ margin:8px 0; -webkit-line-clamp:2; }
  #cases a .mask small{ padding:6px 12px; }
  #cases a .mask small i{ margin-left: 4px; }
}

/* m_news */
.m_news{ overflow: hidden; background: url(../images/news_bg.jpg) no-repeat top center; background-size: cover;padding-bottom: 30px }
.m_news .hd b small{ background: #f2f8f7; }
.m_news .bd{ position: relative; text-align: center; }
.m_news .bd > a{ overflow: hidden; margin:50px auto; display: inline-flex; align-items: center; padding:18px 42px; background: var(--zhu-color); border-radius: 30px; line-height: 1; position: relative; }
.m_news .bd > a::before{ content: ""; display: block; width: 0; height: 100%; position: absolute; left:50%; bottom:0; transition: all .3s; background: var(--pei-color); }
.m_news .bd > a span{ font-size: 17px; color: #ffffff; font-weight: bold; position: relative; }
.m_news .bd > a i{ font-size: 16px; color: #ffffff; margin-left: 12px; transform: rotate(180deg); position: relative; }
.m_news .bd > a:hover::before{ transition: all .3s; width: 100%; left: 0; }
#news{ overflow: hidden; }
#news a{ display: block; width: 100%; overflow: hidden; position: relative; }
#news a > b{ margin:18px 0; text-align: left; font-size: 18px; color: #333333; font-weight: bold;overflow:hidden; display:block; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
#news a .img{ width: 100%; padding-bottom: 64%; position: relative; overflow: hidden; }
#news a .img img{ width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; transition: all .3s; }
#news a .txt{ box-sizing: border-box; overflow: hidden; position: relative; }
#news a .txt::after{ content: ""; display: block; width: 0; height: 2px; background: var(--zhu-color); position: absolute; right: 0; bottom:0; transition: all .3s; }
#news a .txt p{ padding:0 12px; text-align: left; margin:26px 0; font-size: 14px; color: #666666; line-height: 1.8; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
#news a .txt .time{ font-size: 14px; color: rgba(102,102,102,.45); line-height: 1; padding:12px; border-bottom: 1px solid #e5e4e4; box-sizing: border-box; display: flex; align-items: center; }
#news a .txt .time i{ font-size: 24px; margin-right: 12px; color: #999999; transition: all .5s}
#news a:hover img{ transition: all .3s; transform: scale(1.05); }
#news a:hover .txt::after{ transition: all .3s; width: 100%; left: 0; }
#news a:hover .txt .time i{color:var(--zhu-color);}
@media only screen and (max-width: 1400px){
  .m_news .bd > a{ margin:30px auto; padding:16px 38px; }
  .m_news .bd > a span{ font-size: 16px; font-weight: normal; }
  .m_news .bd > a i{ font-size: 16px; margin-left: 10px; }
  #news a > b{ margin:16px 0; font-size: 17px; }
  #news a .txt::after{ height: 2px; }
  #news a .txt p{ padding:0 12px; margin:22px 0; font-size: 14px; line-height: 1.5; }
  #news a .txt .time{ font-size: 14px; padding:12px 10px; }
  #news a .txt .time i{ font-size: 22px; margin-right: 10px; }
}
@media only screen and (max-width: 1200px){
  .m_news .bd > a span{ font-size: 15px; }
  .m_news .bd > a i{ font-size: 15px; margin-left: 8px; }
  #news a > b{ margin:14px 0; font-size: 17px; }
  #news a .txt p{ padding:0 10px; margin:18px 0; font-size: 14px; }
  #news a .txt .time{ font-size: 14px; padding:12px 10px; }
  #news a .txt .time i{ font-size: 20px; margin-right: 8px; }
}
@media only screen and (max-width: 992px){
  .m_news .bd > a span{ font-size: 14px; }
  .m_news .bd > a i{ font-size: 14px; margin-left: 6px; }
  #news a > b{ margin:12px 0; font-size: 17px; }
  #news a .txt p{ padding:0 8px; margin:14px 0; font-size: 13px; }
  #news a .txt .time{ font-size: 13px; padding:10px 8px; }
  #news a .txt .time i{ font-size: 18px; margin-right: 6px; }
}
@media only screen and (max-width: 768px){
  .m_news .bd > a span{ font-size: 13px; }
  .m_news .bd > a i{ font-size: 13px; margin-left: 6px; }
  #news a > b{ font-size: 16px; font-weight: normal; }
  #news a .txt p{ padding:0 6px; margin:10px 0; font-size: 13px; }
  #news a .txt .time{ font-size: 13px; padding:10px 6px; }
  #news a .txt .time i{ font-size: 16px; margin-right: 6px; }
}
@media only screen and (max-width: 640px){
  .m_news .bd > a span{ font-size: 13px; }
  .m_news .bd > a i{ font-size: 13px; margin-left: 6px; }
  #news a > b{ font-size: 15px; }
  #news a .txt p{ padding:0 4px; margin:5px 0; font-size: 12px; }
  #news a .txt .time{ font-size: 12px; padding:5px 4px; }
  #news a .txt .time i{ font-size: 15px; margin-right: 6px; }
}
@media only screen and (max-width: 576px){
  .m_news .bd > a span{ font-size: 12px; }
  .m_news .bd > a i{ font-size: 12px; margin-left: 6px; }
  #news a > b{ font-size: 14px; }
  #news a .txt p{ padding:0 4px; margin:5px 0; font-size: 12px; }
  #news a .txt .time{ font-size: 12px; padding:5px 4px; }
  #news a .txt .time i{ font-size: 14px; margin-right: 6px; }
}
@media only screen and (max-width: 414px){
  #news a > b{ font-size: 14px; }
  #news a .txt p{ padding:0 4px; margin:5px 0; font-size: 12px; }
  #news a .txt .time{ font-size: 12px; padding:5px 4px; }
  #news a .txt .time i{ font-size: 13px; margin-right: 6px; }
}

/* footer */
.footer{ overflow: hidden; background: url(../images/footer_bg.jpg) no-repeat top center; }
.f_nav{ padding:26px 0; display: flex; align-items: center; justify-content: space-between; }
.f_nav .tit{ display: inline-flex; flex-direction: column; }
.f_nav .tit span{ font-size: 18px; color: rgba(255, 255, 255, .4); text-transform: capitalize; line-height: 1; }
.f_nav .tit b{ font-size: 26px; color: #ffffff; line-height: 1; font-weight: bold; margin-top: 12px; }
.f_nav .nav{ display: inline-flex; align-items: center; justify-content: flex-end; }
.f_nav .nav a{ font-size: 16px; color: #ffffff; line-height: 1; margin:0 30px; line-height: 1; transition: all .3s; }
.f_nav .nav a:hover{ transition: all .3s; color: var(--zhu-color); }
.f_contact{ display: flex; align-items: center; justify-content: space-between; border-top:1px solid rgba(255, 255, 255, 0.11); border-bottom:1px solid rgba(255, 255, 255, 0.11); padding:46px 0; }
.f_contact .info{ width: calc(50% - 15px); }
.f_contact .info p{ font-size: 16px; color: rgba(255, 255, 255, 0.5); line-height: 2.5; }
.f_contact .right{ width: calc(50% - 15px); display: flex; align-items: center; justify-content: flex-end; }
.f_link{ width: calc(100% - 195px); text-align: right; margin-right: 30px; display: flex; flex-direction: column; }
.f_link span{ font-size: 36px; color: var(--zhu-color); font-weight: bold; text-transform: uppercase; line-height: 1; }
.f_link b{ font-size: 18px; color: var(--zhu-color); font-weight: bold; line-height: 1; margin:15px 0; }
.f_link .footer_sel{ background: rgba(50, 50, 50, .52) url(../images/arrow_down.png) no-repeat calc(100% - 30px) center; font-size: 14px; color: rgba(255, 255, 255, .26); -webkit-appearance: none; -moz-appearance: none; position: relative; width: 100%; padding:15px 30px; border:1px solid rgba(255, 255, 255, .2); border-radius: 3px; position: relative; }
.f_ewm{ max-width: 165px; }
.f_ewm img{ max-width:100%; }
.f_copy{ padding:30px 0; }
.f_copy p{ font-size: 14px; color: #999999; line-height: 1; text-align: center; }
@media only screen and (max-width: 1400px){
  .f_nav{ padding:24px 0; }
  .f_nav .tit span{ font-size: 16px; }
  .f_nav .tit b{ font-size: 24px; margin-top: 10px; }
  .f_nav .nav a{ font-size: 15px; margin:0 25px; }
  .f_contact{ padding:40px 0; }
  .f_contact .info{ width: calc(50% - 12px); }
  .f_contact .info p{ font-size: 16px; }
  .f_contact .right{ width: calc(50% - 12px); }
  .f_link{ width: calc(100% - 180px); margin-right: 25px; }
  .f_link span{ font-size: 32px; }
  .f_link b{ font-size: 17px; margin:15px 0; }
  .f_link .footer_sel{ background: rgba(50, 50, 50, .52) url(../images/arrow_down.png) no-repeat calc(100% - 25px) center; font-size: 14px; padding:16px 25px; }
  .f_ewm{ max-width: 150px; }
  .f_copy{ padding:25px 0; }
  .f_copy p{ font-size: 14px; }
}
@media only screen and (max-width: 1200px){
  .f_nav{ padding:20px 0; }
  .f_nav .tit span{ font-size: 14px; }
  .f_nav .tit b{ font-size: 22px; margin-top: 8px; }
  .f_nav .nav a{ font-size: 14px; margin:0 20px; }
  .f_contact{ padding:30px 0; }
  .f_contact .info{ width: calc(50% - 10px); }
  .f_contact .info p{ font-size: 15px; }
  .f_contact .right{ width: calc(50% - 10px); }
  .f_link{ width: calc(100% - 160px); margin-right: 20px; }
  .f_link span{ font-size: 28px; }
  .f_link b{ font-size: 16px; font-weight: normal; margin:15px 0; }
  .f_link .footer_sel{ background: rgba(50, 50, 50, .52) url(../images/arrow_down.png) no-repeat calc(100% - 20px) center; font-size: 14px; padding:14px 20px; }
  .f_ewm{ max-width: 140px; }
  .f_copy{ padding:20px 0; }
  .f_copy p{ font-size: 14px; }
}
@media only screen and (max-width: 992px){
  .f_nav{ padding:15px 0; }
  .f_nav .tit span{ font-size: 13px; }
  .f_nav .tit b{ font-size: 20px; margin-top: 6px; }
  .f_nav .nav a{ font-size: 13px; margin:0 10px; }
  .f_contact{ padding:25px 0; }
  .f_contact .info{ width: calc(50% - 7.5px); }
  .f_contact .info p{ font-size: 14px; }
  .f_contact .right{ width: calc(50% - 7.5px); }
  .f_link{ width: calc(100% - 140px); margin-right: 15px; }
  .f_link span{ font-size: 28px; }
  .f_link b{ font-size: 16px; font-weight: normal; margin:15px 0; }
  .f_link .footer_sel{ background: rgba(50, 50, 50, .52) url(../images/arrow_down.png) no-repeat calc(100% - 15px) center; font-size: 14px; padding:12px 15px; }
  .f_ewm{ max-width: 130px; }
  .f_copy{ padding:15px 0; }
  .f_copy p{ font-size: 14px; }
}
@media only screen and (max-width: 768px){
  .footer{ padding-bottom: 55px; }
  .f_nav .tit span{ font-size: 12px; }
  .f_nav .tit b{ font-size: 18px; margin-top: 4px; }
  .f_nav .nav a{ font-size: 12px; margin:0 8px; }
  .f_contact{ padding:20px 0; }
  .f_contact .info{ width: calc(44% - 7.5px); }
  .f_contact .info p{ font-size: 13px; }
  .f_contact .right{ width: calc(56% - 7.5px); }
  .f_link{ width: calc(100% - 120px); margin-right: 15px; }
  .f_link span{ font-size: 28px; }
  .f_link b{ font-size: 16px; font-weight: normal; margin:15px 0; }
  .f_link .footer_sel{ background: rgba(50, 50, 50, .52) url(../images/arrow_down.png) no-repeat calc(100% - 15px) center; font-size: 13px; padding:10px 15px; }
  .f_ewm{ max-width: 130px; }
  .f_copy{ padding:12px 0; }
  .f_copy p{ font-size: 13px; line-height: 1.5; }
}
@media only screen and (max-width: 640px){
  .footer{ padding-bottom: 55px; }
  .f_nav .tit b{ font-size: 17px; margin-top: 4px; }
  .f_nav .nav a{ margin:0 6px; }
  .f_contact{ padding:15px 0; }
  .f_contact .info{ width: calc(44% - 7.5px); }
  .f_contact .info p{ font-size: 13px; }
  .f_contact .right{ width: calc(56% - 7.5px); }
  .f_link{ width: calc(100% - 100px); margin-right: 15px; }
  .f_link span{ font-size: 24px; }
  .f_link b{ font-size: 16px; font-weight: normal; margin:10px 0; }
  .f_link .footer_sel{ background: rgba(50, 50, 50, .52) url(../images/arrow_down.png) no-repeat calc(100% - 15px) center; font-size: 13px; padding:10px 15px; }
  .f_ewm{ max-width: 130px; }
  .f_copy{ padding:12px 0; }
  .f_copy p{ font-size: 13px; line-height: 1.5; }
}
@media only screen and (max-width: 576px){
  .f_nav{ flex-direction: column; align-items: center; justify-content: center; }
  .f_nav .tit{ margin-bottom: 8px; }
  .f_nav .tit b{ font-size: 16px; margin-top: 2px; font-weight: normal; }
  .f_nav .nav{ width: 100%; justify-content: center; }
  .f_nav .nav a{ margin:4px; }
  .f_contact{ padding:15px 0; flex-direction: column; }
  .f_contact .info, .f_contact .right{ width: 100%; }
  .f_contact .info{ margin-bottom: 10px; }
  .f_contact .info p{ font-size: 13px; text-align: center; }
  .f_link{ width: calc(100% - 100px); margin-right: 15px; }
  .f_link span{ font-size: 20px; }
  .f_link b{ font-size: 14px; margin:10px 0; }
  .f_link .footer_sel{ background: rgba(50, 50, 50, .52) url(../images/arrow_down.png) no-repeat calc(100% - 10px) center; font-size: 12px; padding:8px 10px; }
  .f_ewm{ max-width: 120px; }
  .f_copy{ padding:12px 0; }
  .f_copy p{ font-size: 13px; line-height: 1.5; }
}
@media only screen and (max-width: 414px){
  .f_nav .tit b{ font-size: 15px; margin-top: 2px; font-weight: normal; }
  .f_contact{ padding:10px 0; }
  .f_contact .info p{ font-size: 12px; text-align: center; }
  .f_link{ margin-right: 15px; }
  .f_link span{ font-size: 16px; }
  .f_link b{ font-size: 13px; margin:10px 0; }
  .f_link .footer_sel{ background: rgba(50, 50, 50, .52) url(../images/arrow_down.png) no-repeat calc(100% - 10px) center; font-size: 12px; padding:6px 10px; }
  .f_ewm{ max-width: 100px; }
  .f_copy{ padding:12px 0; }
  .f_copy p{ font-size: 13px; line-height: 1.5; }
}


/*l_banner*/
.l_banner{ padding:240px 0 120px; background: url(../images/l_banner.jpg) no-repeat top center; background-attachment: fixed; }
.l_banner .inner{ display: flex; flex-direction: column; align-items: flex-start; }
.l_banner b{ font-size: 42px; color: #ffffff; font-weight: bold; line-height: 1; }
.l_banner p{ font-size: 18px; color: #ffffff; margin:25px 0; line-height: 1.5; text-align: center; }
.l_banner hr{ width:55px; height: 3px; background: #fff; display:block; }
@media only screen and (max-width: 1400px){
  .l_banner{ padding:170px 0 120px; }
  .l_banner .inner{ align-items: center; justify-content: center; }
  .l_banner b{ font-size: 38px; }
  .l_banner p{ font-size: 17px; margin:23px 0; }
  .l_banner hr{ width:55px; height: 3px; }
}
@media only screen and (max-width: 1200px){
  .l_banner{ padding:150px 0 100px; }
  .l_banner b{ font-size: 34px; }
  .l_banner p{ font-size: 16px; margin:20px 0; }
  .l_banner hr{ height: 2px; }
}
@media only screen and (max-width: 992px){
  .l_banner{ padding:100px 0; }
  .l_banner b{ font-size: 30px; }
  .l_banner p{ font-size: 15px; margin:18px 0; }
}
@media only screen and (max-width: 768px){
  .l_banner{ padding:90px 0; }
  .l_banner b{ font-size: 26px; }
  .l_banner p{ font-size: 14px; margin:16px 0; }
}
@media only screen and (max-width: 640px){
  .l_banner{ padding:80px 0; }
  .l_banner b{ font-size: 22px; }
  .l_banner p{ font-size: 13px; margin:14px 0; }
}
@media only screen and (max-width: 576px){
  .l_banner{ padding:70px 0; }
  .l_banner b{ font-size: 18px; }
  .l_banner p{ font-size: 12px; margin:12px 0; }
  .l_banner hr{ height: 1px; }
}
@media only screen and (max-width: 414px){
  .l_banner{ padding:60px 0; }
  .l_banner b{ font-size: 16px; font-weight: normal; }
  .l_banner p{ margin:10px 0; }
}

/* location */
.location{ width:100%; background: #fff; border-bottom: solid 1px #e0dfdf;  }
.location .inner{ display: flex; align-items: center; justify-content: space-between; }
.location .lnav{ width: calc(50% - 15px); display: flex; flex-direction: row; justify-content:flex-start; }
.location .lnav a{ font-size: 14px; color: #333333; padding:20px; display:block; transition: all .5s; }
.location .lnav a:hover, .location .lnav a.on{ background: var(--zhu-color); color: #fff; }
.location .crumbs{ width: calc(50% - 15px); display: flex; flex-direction: row; align-items: center; padding:10px 0; justify-content: flex-end; }
.location .crumbs i{ color: var(--zhu-color); font-size:25px; margin:0 10px; }
.location .crumbs p{ font-size: 14px; color:#777777; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.location .crumbs p a, .location .crumbs p small{ font-size: 100%; color:#777777; }
.location .crumbs p a:hover{ color: var(--zhu-color); }
@media only screen and (max-width: 1400px){
  .location .lnav{ width: calc(70% - 15px); }
  .location .lnav a{ padding:18px; }
  .location .crumbs{ width: calc(30% - 15px); padding:9px 0; }
  .location .crumbs i{ font-size:24px; margin:0 9px; }
}
@media only screen and (max-width: 1200px){
  .location .inner{ padding-left: 0; }
  .location .lnav{ width: calc(70% - 15px); }
  .location .lnav a{ padding:16px; }
  .location .crumbs{ width: calc(30% - 15px); padding:8px 0; }
  .location .crumbs i{ font-size:22px; margin:0 8px; }
}
@media only screen and (max-width: 992px){
  .location .lnav a{ padding:14px; }
  .location .lnav{ width: calc(70% - 15px); }
  .location .crumbs{ width: calc(30% - 15px); padding:7px 0; }
  .location .crumbs i{ font-size:20px; margin:0 7px; }
}
@media only screen and (max-width: 768px){
  .location .inner{ display: flex; flex-direction: column-reverse; padding:0; }
  .location .lnav{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
  .location .lnav a{ padding:12px; }
  .location .crumbs{ width: 100%; padding:6px 0; display: flex; justify-content: center; }
  .location .crumbs i{ font-size:18px; margin:0 6px; }
}
@media only screen and (max-width: 640px){
  .location .lnav a{ padding:10px; }
  .location .crumbs{ padding:5px 0; }
  .location .crumbs i{ font-size:16px; margin:0 5px; }
}
@media only screen and (max-width: 576px){
  .location .lnav a{ padding:8px 10px; font-size: 13px; }
  .location .crumbs p{ font-size: 13px; }
}
@media only screen and (max-width: 414px){
  .location .lnav a{ padding:6px 10px; font-size: 12px; }
  .location .crumbs p{ font-size: 12px; }
}

/* a_more */
.a_more{ display: inline-flex; align-items: center; justify-content: center; padding:12px 25px; background: #f0efef; border-radius: 20px; position: relative; overflow: hidden; }
.a_more small{ position: relative; font-size: 16px; color: #333; line-height: 1; }
.a_more span{ line-height: 1; margin-left: 12px; position: relative; transition: all .3s; color:var(--zhu-color); }
.a_more::before{ content: ""; display: block; width: 0; height: 100%; position: absolute; right: 0; background: var(--zhu-color); transition: all .3s; border-radius: 20px;top:0; }
.a_more:hover::before{ transition: all .3s; width: 100%; left: 0; }
.a_more:hover small{ color: #ffffff; transition: all .3s; }
.a_more:hover span{ color: #ffffff; transition: all .3s; transform: rotate(360deg); }
@media only screen and (max-width: 1400px){
}
@media only screen and (max-width: 1200px){
}
@media only screen and (max-width: 992px){
}
@media only screen and (max-width: 768px){
  .a_more{ padding:11px 22px; }
  .a_more small{ font-size: 15px; }
}
@media only screen and (max-width: 640px){
  .a_more{ padding:10px 20px; }
  .a_more small{ font-size: 14px; }
  .a_more span{ margin-left: 10px; }
}
@media only screen and (max-width: 576px){
  .a_more{ padding:8px 16px; }
  .a_more small{ font-size: 13px; }
  .a_more span{ margin-left: 8px; }
}
@media only screen and (max-width: 414px){
  .a_more{ padding:6px 12px; }
  .a_more small{ font-size: 12px; }
  .a_more span{ margin-left: 6px; }
}

/* l_tit */
.l_tit{ display: flex; flex-direction: column; margin:30px 0; text-align: center; position: relative; }
.l_tit span{ font-size: 72px; position: absolute; color:#333; opacity: 0.04; font-family: Impact; text-transform: uppercase; top:0; left:50%; transform: translateX(-50%); width:100%; }
.l_tit b{ text-align: center; font-size: 36px; color:#333333; padding-top: 25px; font-weight: bold; }
.l_tit b i{ color:var(--zhu-color); font-weight:bold; }
.l_tit small{ color:#333; text-transform: uppercase; font-size: 18px; opacity: 0.66; }
@media only screen and (max-width: 1400px){
  .l_tit{ margin:25px 0; }
  .l_tit span{ font-size: 64px;}
  .l_tit b{ font-size: 32px; padding-top: 22px; }
  .l_tit small{ font-size: 18px; }
}
@media only screen and (max-width: 1200px){
  .l_tit{ margin:20px 0; }
  .l_tit span{ font-size: 56px;}
  .l_tit b{ font-size: 28px; padding-top: 20px; }
  .l_tit small{ font-size: 17px; }
}
@media only screen and (max-width: 992px){
  .l_tit{ margin:15px 0; }
  .l_tit span{ font-size: 48px;}
  .l_tit b{ font-size: 24px; padding-top: 18px; }
  .l_tit small{ font-size: 16px; }
}
@media only screen and (max-width: 768px){
  .l_tit span{ font-size: 40px;}
  .l_tit b{ font-size: 20px; padding-top: 16px; }
  .l_tit small{ font-size: 15px; }
}
@media only screen and (max-width: 640px){
  .l_tit span{ font-size: 32px;}
  .l_tit b{ font-size: 18px; padding-top: 14px; }
  .l_tit small{ font-size: 14px; }
}
@media only screen and (max-width: 576px){
  .l_tit span{ font-size: 24px;}
  .l_tit b{ font-size: 17px; padding-top: 12px; }
  .l_tit small{ font-size: 13px; }
}
@media only screen and (max-width: 414px){
  .l_tit span{ font-size: 20px;}
  .l_tit b{ font-size: 16px; font-weight: normal; padding-top: 10px; }
  .l_tit small{ font-size: 12px; }
}

/* company_info */
#company_info{ padding:40px 0 60px; overflow: hidden; width:100%; }
#company_info .hd{ overflow: hidden; display: flex; flex-direction: row; justify-content: space-between; }
#company_info .hd .info{ overflow: hidden; width:calc(100% - 530px); }
#company_info .hd .info b{ overflow: hidden; font-size: 36px; font-weight: bold; font-family: Impact; background-image: linear-gradient(to right, var(--zhu-color), var(--pei-color), var(--zhu-color)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; }
#company_info .hd .info span{ display: block; color:var(--pei-color); font-family: Arial; font-size:18px; text-transform: uppercase; }
#company_info .hd .info .content{ font-size: 16px; line-height: 2; color:#333; margin-top: 30px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; }
#company_info .hd .imgs{ width:500px; position: relative; }
#company_info .hd .imgs .box{ width:calc(100% - 44px); height: calc(100% - 44px); border:solid 1px #fff; position: absolute; top:22px; left:22px; border-top-right-radius:50px; border-bottom-left-radius: 50px; overflow: hidden; z-index: 1; }
#company_info .hd .imgs .img{ width:100%;  height: 100%; border-top-right-radius:50px; border-bottom-left-radius: 50px; overflow: hidden; }
#company_info .hd .imgs .img img{ object-fit: cover; width:100%; height: 100%; }
#company_info .hd .info .a_more{ float: right; margin:30px 30px 15px; }
#company_info .bd { background:#fafafa; overflow: hidden; margin-top: 60px; }
#company_info .bd ul{ display: flex; flex-direction: row; height: 220px; }
#company_info .bd li{ display: flex; flex-direction: column; align-items: center; justify-content: center; width:25%; border-right:solid 1px #e9e9e9; }
#company_info .bd li:last-child{ border-right:none; }
#company_info .bd li i{ display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 60px; line-height: 1; }
#company_info .bd li b span{ font-size: 45px; font-weight: bold; color:var(--zhu-color); }
#company_info .bd li b small{ font-size: 16px; margin-left: 5px; }
#company_info .bd li p{ font-size: 16px; color:#999999; }
@media only screen and (max-width: 1400px){
  #company_info{ padding:10px 0 30px; }
  #company_info .hd .info{ width:calc(100% - 530px); }
  #company_info .hd .info b{ font-size: 32px; }
  #company_info .hd .info span{ font-size:17px; }
  #company_info .hd .info .content{ font-size: 16px; line-height: 2; margin-top: 30px; -webkit-line-clamp:6; }
  #company_info .hd .imgs{ width:500px; }
  #company_info .hd .imgs .box{ width:calc(100% - 40px); height: calc(100% - 40px); top:20px; left:20px; border-top-right-radius:45px; border-bottom-left-radius: 45px; }
  #company_info .hd .imgs .img{ border-top-right-radius:45px; border-bottom-left-radius: 45px; }
  #company_info .hd .info .a_more{ margin:30px 30px 15px; }
  #company_info .bd { margin-top: 30px; }
  #company_info .bd ul{ height: 220px; }
  #company_info .bd li{ width:25%; }
  #company_info .bd li i{ font-size: 56px; }
  #company_info .bd li b span{ font-size: 42px; }
  #company_info .bd li b small{ font-size: 16px; margin-left: 5px; }
  #company_info .bd li p{ font-size: 16px; }
}
@media only screen and (max-width: 1200px){
  #company_info{ padding:5px 0 25px; }
  #company_info .hd .info{ width:calc(50% - 7.5px); }
  #company_info .hd .info b{ font-size: 28px; }
  #company_info .hd .info span{ font-size:16px; }
  #company_info .hd .info .content{ font-size: 15px; line-height: 1.8; margin-top: 25px; -webkit-line-clamp:6; }
  #company_info .hd .imgs{ width:calc(50% - 7.5px); }
  #company_info .hd .imgs .box{ width:calc(100% - 30px); height: calc(100% - 30px); top:15px; left:15px; border-top-right-radius:40px; border-bottom-left-radius: 40px; }
  #company_info .hd .imgs .img{ border-top-right-radius:40px; border-bottom-left-radius: 40px; }
  #company_info .hd .info .a_more{ margin:25px 25px 10px; }
  #company_info .bd { margin-top: 25px; }
  #company_info .bd ul{ height: 180px; }
  #company_info .bd li{ width:25%; }
  #company_info .bd li i{ font-size: 52px; }
  #company_info .bd li b span{ font-size: 38px; }
  #company_info .bd li b small{ font-size: 15px; margin-left: 5px; }
  #company_info .bd li p{ font-size: 15px; }
}
@media only screen and (max-width: 992px){
  #company_info{ padding:0px 0 15px; }
  #company_info .hd .info{ width:calc(50% - 7.5px); }
  #company_info .hd .info b{ font-size: 24px; }
  #company_info .hd .info span{ font-size:15px; }
  #company_info .hd .info .content{ font-size: 14px; line-height: 1.6; margin-top: 15px; -webkit-line-clamp:6; }
  #company_info .hd .imgs{ width:calc(50% - 7.5px); }
  #company_info .hd .imgs .box{ width:calc(100% - 20px); height: calc(100% - 20px); top:10px; left:10px; border-top-right-radius:30px; border-bottom-left-radius: 30px; }
  #company_info .hd .imgs .img{ border-top-right-radius:30px; border-bottom-left-radius: 30px; }
  #company_info .hd .info .a_more{ margin:20px 20px 10px; }
  #company_info .bd { margin-top: 15px; }
  #company_info .bd ul{ height: 160px; }
  #company_info .bd li{ width:25%; }
  #company_info .bd li i{ font-size: 44px; }
  #company_info .bd li b span{ font-size: 34px; }
  #company_info .bd li b small{ font-size: 14px; margin-left: 4px; }
  #company_info .bd li p{ font-size: 14px; }
}
@media only screen and (max-width: 768px){
  #company_info .hd{ display: flex; flex-direction: column-reverse; }
  #company_info .hd .info{ width:100%; }
  #company_info .hd .info b{ font-size: 20px; }
  #company_info .hd .info span{ font-size:14px; }
  #company_info .hd .info .content{ font-size: 13px; line-height: 1.5; -webkit-line-clamp:6; }
  #company_info .hd .imgs{ width:100%; margin-bottom: 15px; }
  #company_info .hd .imgs .box{ width:calc(100% - 10px); height: calc(100% - 10px); top:5px; left:5px; border-top-right-radius:20px; border-bottom-left-radius: 20px; }
  #company_info .hd .imgs .img{ border-top-right-radius:20px; border-bottom-left-radius: 20px; }
  #company_info .hd .info .a_more{ margin:15px 15px 10px; }
  #company_info .bd { margin-top: 15px; }
  #company_info .bd ul{ height: 140px; }
  #company_info .bd li{ width:25%; }
  #company_info .bd li i{ font-size: 36px; }
  #company_info .bd li b span{ font-size: 30px; }
  #company_info .bd li b small{ font-size: 13px; margin-left: 4px; }
  #company_info .bd li p{ font-size: 13px; }
}
@media only screen and (max-width: 640px){
  #company_info .hd .info b{ font-size: 18px; }
  #company_info .hd .info span{ font-size:13px; }
  #company_info .hd .info .content{ font-size: 12px; line-height: 1.5; -webkit-line-clamp:6; }
  #company_info .hd .info .a_more{ margin:15px 15px 0; }
  #company_info .bd ul{ height: 140px; }
  #company_info .bd li{ width:25%; }
  #company_info .bd li i{ font-size: 30px; }
  #company_info .bd li b span{ font-size: 26px; }
  #company_info .bd li b small{ font-size: 13px; margin-left: 4px; }
  #company_info .bd li p{ font-size: 13px; }
}
@media only screen and (max-width: 576px){
  #company_info .hd .info b{ font-size: 16px; }
  #company_info .hd .info span{ font-size:12px; }
  #company_info .bd ul{ height: auto; flex-wrap: wrap; }
  #company_info .bd li{ width:50%; padding:20px 0; }
  #company_info .bd li:nth-child(1), #company_info .bd li:nth-child(2){ border-bottom: solid 1px #e9e9e9; }
  #company_info .bd li:nth-child(2){ border-right: 0; }
  #company_info .bd li i{ font-size: 26px; }
  #company_info .bd li b span{ font-size: 22px; }
  #company_info .bd li b small{ font-size: 13px; margin-left: 4px; }
  #company_info .bd li p{ font-size: 13px; }
}
@media only screen and (max-width: 414px){
  #company_info .hd .info b{ font-size: 15px; }
  #company_info .bd li{ padding:15px 0; }
  #company_info .bd li i{ font-size: 22px; }
  #company_info .bd li b span{ font-size: 18px; }
  #company_info .bd li b small{ font-size: 12px; margin-left: 3px; }
  #company_info .bd li p{ font-size: 12px; }
}

/* company_cult */
#company_cult{ background: url(../images/culture_bg.jpg) center no-repeat;height: 700px;width:100%;background-attachment: fixed;padding:30px 0; }
#company_cult .hd span{ color:#fff; opacity: 0.1; }
#company_cult .hd b{ color:#fff; }
#company_cult .hd b span{ color:#fff; }
#company_cult .hd small{ color:#fff; }
#company_cult .bd{ overflow: hidden; padding:60px 15px; }
#company_cult .bd .swiper-slide{ border-radius: 20px; position: relative; padding:45px 100px; text-align: center; cursor: pointer; overflow: hidden; transition: all .5s; }
#company_cult .bd .swiper-slide .bg{ position: absolute; top:0; left:0; width:100%; height: 100%; background: rgba(255,255,255,.7); z-index: 0}
#company_cult .bd .swiper-slide:before{ content:''; top:12px; left: 12px; width:calc(100% - 24px); height: calc(100% - 24px); border:solid 1px #ccc; position: absolute; z-index: 2; border-radius: 20px; }
#company_cult .bd .swiper-slide i{ width:80px; height: 80px; border-radius:50%; background: var(--zhu-color); color:#fff; font-size: 40px; text-align: center; line-height: 80px; display: block; margin:0 auto; position: relative; z-index: 2; }
#company_cult .bd .swiper-slide b{ text-align: center; font-size: 26px; font-weight:bold; padding:10px 0; position: relative; z-index: 2; }
#company_cult .bd .swiper-slide p{ text-align: center; font-size: 15px; line-height: 26px; height: 90px; position: relative; z-index: 2; opacity: 0.7; }
#company_cult .bd .swiper-slide.on{ color:#fff; }
#company_cult .bd .swiper-slide.on .bg{ background:linear-gradient(to right bottom,var(--zhu-color), var(--pei-color)); opacity: 0.7; }
@media only screen and (max-width: 1400px){
  #company_cult{ height: auto; width:100%; padding:25px 0; }
  #company_cult .hd{ margin:0; }
  #company_cult .bd{ padding:30px 0; }
  #company_cult .bd .swiper-slide{ border-radius: 20px; padding:45px; }
  #company_cult .bd .swiper-slide:before{ top:12px; left: 12px; width:calc(100% - 24px); height: calc(100% - 24px); border-radius: 20px; }
  #company_cult .bd .swiper-slide i{ width:80px; height: 80px; border-radius:50%; font-size: 40px; line-height: 2; }
  #company_cult .bd .swiper-slide b{ font-size: 24px; padding:10px 0; }
  #company_cult .bd .swiper-slide p{ font-size: 15px; line-height: 1.7; height: auto; }
}
@media only screen and (max-width: 1200px){
  #company_cult{ padding:20px 0; }
  #company_cult .bd{ padding:25px 0; }
  #company_cult .bd .swiper-slide{ border-radius: 20px; padding:20px; }
  #company_cult .bd .swiper-slide:before{ top:10px; left: 10px; width:calc(100% - 20px); height: calc(100% - 20px); border-radius: 15px; }
  #company_cult .bd .swiper-slide i{ width:70px; height: 70px; margin-top: 15px; font-size: 34px; display: flex; align-items: center; justify-content: center; }
  #company_cult .bd .swiper-slide b{ font-size: 22px; padding:10px 0; }
  #company_cult .bd .swiper-slide p{ font-size: 14px; line-height: 1.7; margin:15px 0; }
}
@media only screen and (max-width: 992px){
  #company_cult{ padding:15px 0; }
  #company_cult .bd{ padding:20px 0; }
  #company_cult .bd .swiper-slide{ border-radius: 15px; padding:15px; }
  #company_cult .bd .swiper-slide:before{ top:10px; left: 10px; width:calc(100% - 20px); height: calc(100% - 20px); border-radius: 15px; }
  #company_cult .bd .swiper-slide i{ width:60px; height: 60px; font-size: 28px; margin-top: 15px; }
  #company_cult .bd .swiper-slide b{ font-size: 20px; padding:10px 0; }
  #company_cult .bd .swiper-slide p{ font-size: 14px; line-height: 1.6; margin:15px 0; }
}
@media only screen and (max-width: 768px){
  #company_cult{ padding:15px 0; }
  #company_cult .bd{ padding:15px 0; }
  #company_cult .bd .swiper-slide{ border-radius: 15px; padding:15px; }
  #company_cult .bd .swiper-slide:before{ top:6px; left: 6px; width:calc(100% - 12px); height: calc(100% - 12px); border-radius: 15px; }
  #company_cult .bd .swiper-slide i{ width:50px; height: 50px; font-size: 24px; margin-top: 10px; }
  #company_cult .bd .swiper-slide b{ font-size: 18px; padding:10px 0; }
  #company_cult .bd .swiper-slide p{ font-size: 14px; line-height: 1.6; margin:10px 0; }
}
@media only screen and (max-width: 640px){
  #company_cult{ padding:15px 0; }
  #company_cult .bd{ padding:15px 0; }
  #company_cult .bd .swiper-slide{ border-radius: 15px; padding:20px; }
  #company_cult .bd .swiper-slide i{ width:40px; height: 40px; font-size: 20px; margin: 10px auto; }
  #company_cult .bd .swiper-slide b{ font-size: 18px; padding:10px 0; }
  #company_cult .bd .swiper-slide p{ font-size: 15px; line-height: 1.6; margin:10px 0; }
}
@media only screen and (max-width: 576px){
  #company_cult .bd .swiper-slide{ border-radius: 15px; padding:15px; }
  #company_cult .bd .swiper-slide i{ margin: 5px auto; }
  #company_cult .bd .swiper-slide b{ font-size: 17px; padding:5px 0; }
  #company_cult .bd .swiper-slide p{ font-size: 14px; line-height: 1.6; margin:5px 0; }
}
@media only screen and (max-width: 414px){
  #company_cult .bd .swiper-slide b{ font-size: 16px; font-weight: normal; padding:5px 0; }
  #company_cult .bd .swiper-slide p{ font-size: 13px; line-height: 1.5; margin:5px 0; }
}

/* company_strength */
#company_strength{ overflow: hidden; width:100%; padding:30px 15px 30px; }
#company_strength .swiper-slide{ background: #f2f2f2; }
#company_strength .swiper-slide a{ display: block; width:100%; padding:13px; overflow: hidden; border-radius: 3px; transition: all .5s; }
#company_strength .swiper-slide a .hd{ overflow: hidden; position: relative; width:100%; }
#company_strength .swiper-slide a .hd .mask{ position: absolute; top:0px; height: 100%; width:100%; left:0px; background: var(--zhu-color); z-index: 1; padding:15px; opacity: 0; transition: all .5s}
#company_strength .swiper-slide a .hd .mask .box{ width:100%; height: 100%; border:solid 1px rgba(255,255,255,0.3); display: flex; flex-direction: column; justify-content: center; align-items: center; color:#fff; padding:15px; }
#company_strength .swiper-slide a .hd .mask .box i{ font-size: 50px; }
#company_strength .swiper-slide a .hd .mask .box p{ font-size: 17px; margin-top: 5px; }
#company_strength .swiper-slide a .bd{ text-align: center; font-size: 16px; line-height: 40px; color:#333; margin-top: 10px; transition: all .5s}
#company_strength .swiper-slide a.on{ box-shadow: 0 0 10px #ccc; }
#company_strength .swiper-slide a.on .hd .mask{ top:20px; height: calc(100% - 40px); width:calc(100% - 40px); left:20px; opacity: .7}
#company_strength .swiper-slide a.on .bd{ letter-spacing: 1px}
#strength{ overflow: hidden;  padding-bottom: 30px;  }
#strength .swiper-pagination{ text-align: center;  bottom: 0;  justify-content: center;  }
#strength .swiper-pagination .swiper-pagination-bullet{ border-radius: 0; width:20px; height: 3px; transition: all .5s}
#strength .swiper-pagination .swiper-pagination-bullet-active{ background: var(--zhu-color); width:30px; }
@media only screen and (max-width: 1400px){
  #company_strength{ padding:0; }
  #company_strength .swiper-slide a{ padding:13px; }
  #company_strength .swiper-slide a .hd .mask{ padding:15px; }
  #company_strength .swiper-slide a .hd .mask .box{ padding:15px; }
  #company_strength .swiper-slide a .hd .mask .box i{ font-size: 40px; }
  #company_strength .swiper-slide a .hd .mask .box p{ font-size: 16px; }
  #company_strength .swiper-slide a .bd{ font-size: 16px; line-height: 2; margin-top: 10px; }
  #company_strength .swiper-slide a.on .hd .mask{ top:15px; height: calc(100% - 30px); width:calc(100% - 30px); left:15px;}
  #strength{ padding-bottom: 30px; }
  #strength .swiper-pagination .swiper-pagination-bullet{ width:20px; height: 3px; }
  #strength .swiper-pagination .swiper-pagination-bullet-active{ width:30px; }
}
@media only screen and (max-width: 1200px){
  #company_strength .swiper-slide a{ padding:12px; }
  #company_strength .swiper-slide a .hd .mask{ padding:12px; }
  #company_strength .swiper-slide a .hd .mask .box{ padding:12px; }
  #company_strength .swiper-slide a .hd .mask .box i{ font-size: 30px; }
  #company_strength .swiper-slide a .hd .mask .box p{ font-size: 15px; }
  #company_strength .swiper-slide a .bd{ font-size: 15px; line-height: 1.5; margin-top: 10px; }
  #company_strength .swiper-slide a.on .hd .mask{ top:12px; height: calc(100% - 24px); width:calc(100% - 24px); left:12px; }
  #strength{ padding-bottom: 30px; }
  #strength .swiper-pagination .swiper-pagination-bullet{ height: 2px; }
}
@media only screen and (max-width: 992px){
  #company_strength .swiper-slide a{ padding:10px; }
  #company_strength .swiper-slide a .hd .mask{ padding:10px; }
  #company_strength .swiper-slide a .hd .mask .box{ padding:10px; }
  #company_strength .swiper-slide a .hd .mask .box i{ font-size: 26px; }
  #company_strength .swiper-slide a .hd .mask .box p{ font-size: 14px; }
  #company_strength .swiper-slide a .bd{ font-size: 15px; line-height: 1.5; margin-top: 10px; }
  #company_strength .swiper-slide a.on .hd .mask{ top:10px; height: calc(100% - 20px); width:calc(100% - 20px); left:10px; }
}
@media only screen and (max-width: 768px){
  #company_strength .swiper-slide a{ padding:10px; }
  #company_strength .swiper-slide a .hd .mask{ padding:10px; }
  #company_strength .swiper-slide a .hd .mask .box{ padding:10px; }
  #company_strength .swiper-slide a .hd .mask .box i{ font-size: 26px; }
  #company_strength .swiper-slide a .hd .mask .box p{ font-size: 14px; }
  #company_strength .swiper-slide a .bd{ font-size: 15px; line-height: 1.5; margin-top: 10px; }
  #company_strength .swiper-slide a.on .hd .mask{ top:10px; height: calc(100% - 20px); width:calc(100% - 20px); left:10px; }
}
@media only screen and (max-width: 640px){
  #company_strength .swiper-slide a .hd .mask .box i{ font-size: 24px; }
  #company_strength .swiper-slide a .hd .mask .box p{ font-size: 14px; }
  #company_strength .swiper-slide a .bd{ font-size: 14px; margin-top: 5px; }
}
@media only screen and (max-width: 576px){
  #company_strength .swiper-slide a .hd .mask .box i{ font-size: 22px; }
  #company_strength .swiper-slide a .hd .mask .box p{ font-size: 13px; }
  #company_strength .swiper-slide a .bd{ font-size: 13px; margin-top: 5px; }
}
@media only screen and (max-width: 414px){
  #company_strength .swiper-slide a .hd .mask .box i{ font-size: 20px; }
  #company_strength .swiper-slide a .hd .mask .box p{ font-size: 12px; }
  #company_strength .swiper-slide a .bd{ font-size: 12px; margin-top: 5px; }
  #strength{ padding-bottom: 25px; }
}

/* company_honor */
#company_honor { background: url(../images/honor_bg.jpg) center bottom no-repeat; padding:30px 0;background-attachment: fixed; }
#company_honor  .hd span{ color:#fff; }
#company_honor  .hd b{ color:#fff; }
#company_honor  .hd small{ color:#eee; }
#company_honor .bd{ overflow: hidden; width:100%; padding:30px 15px 45px; }
#company_honor .bd .swiper-slide{ background: #f2f2f2; border-radius: 3px; overflow: hidden; }
#company_honor .bd .swiper-slide a{ display: block; width:100%; padding:13px; overflow: hidden; transition: all .5s; position:relative; }
#company_honor .bd .swiper-slide a .hd{ overflow: hidden; position: relative; width:100%; }
#company_honor .bd .swiper-slide a .bd{ text-align: center; font-size: 16px; line-height: 30px; color:#fff; margin-top: 10px; transition: all .5s; position: absolute; bottom:0; left:0; padding:0 10px; background: rgba(0,0,0,.7); text-align: center; width:100%; display: flex; height: 40px; flex-direction: column; align-items: center; justify-content: center; }
#company_honor .bd .swiper-slide a .bd i{ font-size: 40px; display: none; margin-bottom: 15px}
#company_honor .bd .swiper-slide a.on{ box-shadow: 0 0 10px #ccc; }
#company_honor .bd .swiper-slide a.on .bd{ letter-spacing: 1px; height: 100%; }
#company_honor .bd .swiper-slide a.on .bd i{ display: block; }
#honors{ overflow: hidden;  padding-bottom: 30px;  }
#honors .swiper-pagination{ text-align: center;  bottom: 0;  justify-content: center; }
#honors .swiper-pagination .swiper-pagination-bullet{ border-radius: 0; width:20px; height: 3px; transition: all .5s}
#honors .swiper-pagination .swiper-pagination-bullet-active{ background: var(--zhu-color); width:30px; }
@media only screen and (max-width: 1400px){
  #company_honor { padding:5px 0 0; }
  #company_honor .bd{ padding:30px 0; }
  #company_honor .bd .swiper-slide a{ padding:13px; }
  #company_honor .bd .swiper-slide a .bd{ font-size: 16px; line-height: 2; margin-top: 10px; padding:10px;}
  #company_honor .bd .swiper-slide a .bd i{ font-size: 40px; margin-bottom: 15px; line-height: 1; }
  #honors{ padding-bottom: 30px;  }
  #honors .swiper-pagination .swiper-pagination-bullet{ height: 3px; }
}
@media only screen and (max-width: 1200px){
  #company_honor { padding:0; }
  #company_honor .bd{ padding:0 0 30px; }
  #company_honor .bd .swiper-slide a{ padding:10px; }
  #company_honor .bd .swiper-slide a .bd{ font-size: 16px; line-height: 1.8; }
  #company_honor .bd .swiper-slide a .bd i{ font-size: 36px; margin-bottom: 15px; line-height: 1; }
  #honors .swiper-pagination .swiper-pagination-bullet{ height: 2px; }
}
@media only screen and (max-width: 992px){
  #company_honor .bd{ padding:0 0 25px; }
  #company_honor .bd .swiper-slide a{ padding:10px; }
  #company_honor .bd .swiper-slide a .bd{ font-size: 15px; line-height: 1.6; }
  #company_honor .bd .swiper-slide a .bd i{ font-size: 32px; }
}
@media only screen and (max-width: 768px){
  #company_honor .bd{ padding:0 0 20px; }
  #company_honor .bd .swiper-slide a{ padding:10px; }
  #company_honor .bd .swiper-slide a .bd{ font-size: 15px; line-height: 1.5; }
  #company_honor .bd .swiper-slide a .bd i{ font-size: 28px; }
}
@media only screen and (max-width: 640px){
  #company_honor .bd{ padding:0 0 15px; }
  #company_honor .bd .swiper-slide a{ padding:8px; }
  #company_honor .bd .swiper-slide a .bd{ font-size: 14px; line-height: 1.5; }
  #company_honor .bd .swiper-slide a .bd i{ font-size: 24px; }
}
@media only screen and (max-width: 576px){
  #company_honor .bd .swiper-slide a .bd{ font-size: 13px; line-height: 1.5; }
  #company_honor .bd .swiper-slide a .bd i{ font-size: 20px; }
}
@media only screen and (max-width: 414px){
  #honors{ padding-bottom: 25px; }
  #company_honor .bd .swiper-slide a .bd{ font-size: 12px; line-height: 1.5; }
  #company_honor .bd .swiper-slide a .bd i{ font-size: 16px; }
}

/* product_main  */
.product_main { overflow: hidden; margin-bottom:30px; }
.product_main .box{ background: #f4f6f8; padding:15px 25px 30px; overflow: hidden; border-radius: 5px; }
.product_main .hd{ display: flex; flex-direction: row; justify-content: space-between; padding:15px 0; }
.product_main .hd .btns{ width:300px; display: flex; flex-direction: row; justify-content: space-between; }
.product_main .hd .t1{ width:calc(100% - 300px); position: relative; font-size: 22px; padding-bottom:15px; }
.product_main .hd .t1:after{ content:''; position: absolute; left:0; bottom:0; width:35px; height: 2px; background: var(--zhu-color)}
.product_main .hd .btns a{ width:130px; height: 45px; border-radius: 3px; display: flex; color:#fff; background: var(--pei-color); text-align: center; flex-direction: row; justify-content: center; transition: all .5s; line-height: 45px; }
.product_main .hd .btns a.on{ background: var(--zhu-color); }
.product_main .hd .btns a i{ margin-right: 5px; font-size: 20px; }
.product_main .md{ margin:15px 0; color:#999; line-height: 24px}
.product_main .type{ padding:15px 0; }
.product_main .type a{ padding:5px 10px; border:solid 1px #ccc; color:#777; margin-right: 10px; transition: all .5s; display: inline-block; margin-bottom: 10px; }
.product_main .type a:hover{ border-color:var(--zhu-color); color:var(--zhu-color); }
.product_main .bd{ overflow: hidden; margin-top: 30px; }
.product_main .bd .swiper-slide .hd{ padding:8px; border:solid 1px #dfdfdf; transition: all .5s}
.product_main .bd .swiper-slide .img{ padding-bottom: 71.5%}
.product_main .bd .swiper-slide .img img{ transform: scale(1.05,1.05); transition: all .5s}
.product_main .bd .swiper-slide p{ height: 56px; line-height: 56px; padding:0 15px; background: #fff; color:#333; transition: all .5s; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.product_main .bd .swiper-slide:hover .hd{ border-color:var(--zhu-color); }
.product_main .bd .swiper-slide:hover .img img{ transform: scale(1,1); }
.product_main .bd .swiper-slide:hover p{ color: var(--zhu-color); }
@media only screen and (max-width: 1400px){
  .product_main { margin-bottom:25px; }
  .product_main .box{ padding:10px 25px 25px; border-radius: 5px; }
  .product_main .hd{ padding:15px 0; }
  .product_main .hd .btns{ width:280px; }
  .product_main .hd .btns a{ padding:12px 24px; line-height: 1; width:auto; height: auto; border-radius: 3px; display: inline-flex; align-items: center; justify-content: center; }
  .product_main .hd .btns a i{ margin-right: 5px; font-size: 18px; line-height: 1; }
  .product_main .hd .t1{ width:calc(100% - 280px); font-size: 20px; padding-bottom:15px; }
  .product_main .hd .t1:after{ width:35px; height: 2px; }
  .product_main .md{ margin:0; line-height: 1.5; font-size: 14px; }
  .product_main .type{ padding:15px 0; }
  .product_main .type a{ padding:5px 10px; margin-right: 10px; margin-bottom: 10px; }
  .product_main .bd{ margin-top: 25px; }
  .product_main .bd .swiper-slide .hd{ padding:8px; }
  .product_main .bd .swiper-slide .img{ padding-bottom: 71.5%; }
  .product_main .bd .swiper-slide p{ height: auto; line-height: 1; padding:15px; font-size: 14px; }
}
@media only screen and (max-width: 1200px){
  .product_main { margin-bottom:20px; }
  .product_main .box{ padding:5px 20px 20px; border-radius: 5px; }
  .product_main .hd{ padding:15px 0; }
  .product_main .hd .btns{ width:260px; }
  .product_main .hd .btns a{ padding:10px 20px; font-size: 13px; }
  .product_main .hd .btns a i{ margin-right: 5px; font-size: 16px; }
  .product_main .hd .t1{ width:calc(100% - 260px); font-size: 16px; padding-bottom:10px; }
  .product_main .hd .t1:after{ width:35px; height: 2px; }
  .product_main .md{ margin:0; line-height: 1.5; font-size: 13px; }
  .product_main .type{ padding:15px 0; }
  .product_main .type a{ padding:5px 10px; margin-right: 10px; margin-bottom: 10px; }
  .product_main .bd{ margin-top: 20px; }
  .product_main .bd .swiper-slide p{ padding:15px; font-size: 13px; }
}
@media only screen and (max-width: 992px){
  .product_main { margin-bottom:15px; }
  .product_main .box{ padding:0 15px 15px; border-radius: 5px; }
  .product_main .hd{ padding:12px 0; }
  .product_main .hd .btns{ width:220px; }
  .product_main .hd .btns a{ padding:6px 12px; }
  .product_main .hd .btns a i{ font-size: 13px; }
  .product_main .hd .t1{ width:calc(100% - 220px); font-size: 14px; padding-bottom:6px; }
  .product_main .hd .t1:after{ width:35px; height: 1px; }
  .product_main .md{ font-size: 12px; }
  .product_main .type{ padding:10px 0; }
  .product_main .bd{ margin-top: 10px; }
  .product_main .bd .swiper-slide p{ font-size: 12px; }
}
@media only screen and (max-width: 768px){
  .product_main { margin-bottom:12px; }
  .product_main .box{ padding:0 12px 12px; border-radius: 5px; }
  .product_main .hd .btns{ width:200px; }
  .product_main .hd .btns a{ padding:6px 10px; }
  .product_main .hd .btns a i{ font-size: 13px; }
  .product_main .hd .t1{ width:calc(100% - 200px); font-size: 14px; padding-bottom:6px; }
  .product_main .hd .t1:after{ width:35px; height: 1px; }
  .product_main .md{ font-size: 12px; }
  .product_main .type{ padding:10px 0; }
  .product_main .bd{ margin-top: 10px; }
  .product_main .bd .swiper-slide p{ font-size: 12px; }
}
@media only screen and (max-width: 640px){
  .product_main .hd .btns a{ padding:6px 10px; }
  .product_main .hd .btns a i{ font-size: 12px; }
  .product_main .hd .t1{ font-size: 13px; padding-bottom:6px; }
  .product_main .md{ font-size: 12px; }
  .product_main .type{ padding:10px 0; }
  .product_main .bd{ margin-top: 10px; }
  .product_main .bd .swiper-slide p{ font-size: 12px; }
}
@media only screen and (max-width: 576px){
  .product_main .hd .btns{ display: none; }
  .product_main .hd .t1{ width: 100%; font-size: 13px; padding-bottom:6px; }
  .product_main .md{ font-size: 12px; }
  .product_main .type{ padding:10px 0; }
  .product_main .bd{ margin-top: 8px; }
  .product_main .bd .swiper-slide p{ font-size: 12px; }
}
@media only screen and (max-width: 414px){
}

/* product_type_search */
.product_type_search{ overflow: hidden; text-align: center; padding:28px 0;width:100%; }
.product_type_search > b{ display: block; font-size: 36px; color: #333333; font-weight: normal; line-height: 1;  }
.product_type_search form{ position: relative; overflow: hidden; margin:18px auto; display: inline-block; width: 34%; border:1px solid #e5e5e5; border-radius: 40px; padding:5px; }
.product_type_search form input{ width: 100%; height: 33px; box-sizing: border-box; padding-left:18px; font-size: 14px; color: #999999; }
.product_type_search form button{ position: absolute; right: 6px; top: 6px; display: inline-block; width: 33px; height: 33px; background:var(--zhu-color); border-radius: 50%; text-align: center;border:none;padding:0; }
.product_type_search form button span{ font-size: 16px; color: #fff; line-height: 33px; }
.product_type_search > .type{ overflow: hidden; }
.product_type_search > .type > b{ font-size: 16px; font-weight: normal; color: #333333; margin-left: 20px; }
.product_type_search > .type > b a{ font-size: 16px; color: #333333; transition: all .3s; display: inline-block; }
.product_type_search > .type span >  a{ font-size: 16px; color: #666666; transition: all .3s; }
.product_type_search > .type span > a + a{ margin-left: 20px; }
.product_type_search > .type a:hover{ transition: all .3s; color: var(--zhu-color); }
@media only screen and (max-width: 1400px){
  .product_type_search{ padding:5px 0 25px; }
  .product_type_search > b{ font-size: 32px; }
  .product_type_search form{ margin:15px auto; width: 34%; padding:5px; }
  .product_type_search form input{ height: 30px; padding-left:15px; font-size: 14px; }
  .product_type_search form button{ right: 6px; top: 6px; width: 30px; height: 30px; }
  .product_type_search form button span{ font-size: 16px; line-height: 30px; }
  .product_type_search > .type > b{ font-size: 16px; margin-left: 15px; }
  .product_type_search > .type > b a{  font-size: 16px; }
  .product_type_search > .type span >  a{ font-size: 16px; }
  .product_type_search > .type span > a + a{ margin-left: 15px; }
}
@media only screen and (max-width: 1200px){
  .product_type_search{ padding:0 0 20px; }
  .product_type_search > b{ font-size: 28px; }
  .product_type_search form{ margin:15px auto; width: 36%; padding:5px; }
  .product_type_search form input{ height: 30px; padding-left:12px; font-size: 14px; }
  .product_type_search form button{ right: 6px; top: 6px; width: 30px; height: 30px; }
  .product_type_search form button span{ font-size: 15px; line-height: 30px; }
  .product_type_search > .type > b{ font-size: 15px; margin-left: 12px; }
  .product_type_search > .type > b a{  font-size: 15px; }
  .product_type_search > .type span >  a{ font-size: 15px; }
  .product_type_search > .type span > a + a{ margin-left: 12px; }
}
@media only screen and (max-width: 992px){
  .product_type_search{ padding:0 0 15px; }
  .product_type_search > b{ font-size: 28px; }
  .product_type_search form{ margin:15px auto; width: 38%; padding:5px; }
  .product_type_search form input{ height: 28px; padding-left:12px; font-size: 14px; }
  .product_type_search form button{ right: 6px; top: 6px; width: 28px; height: 28px; }
  .product_type_search form button span{ font-size: 14px; line-height: 28px; }
  .product_type_search > .type > b{ font-size: 14px; margin-left: 12px; }
  .product_type_search > .type > b a{  font-size: 14px; }
  .product_type_search > .type span >  a{ font-size: 14px; }
  .product_type_search > .type span > a + a{ margin-left: 12px; }
}
@media only screen and (max-width: 768px){
  .product_type_search > b{ font-size: 24px; }
  .product_type_search form{ margin:15px auto; width: 40%; }
  .product_type_search form input{ height: 26px; padding-left:10px; font-size: 13px; }
  .product_type_search form button{ right: 6px; top: 6px; width: 26px; height: 26px; }
  .product_type_search form button span{ font-size: 13px; line-height: 26px; }
  .product_type_search > .type > b{ font-size: 13px; margin-left: 10px; }
  .product_type_search > .type > b a{  font-size: 13px; }
  .product_type_search > .type span >  a{ font-size: 13px; }
  .product_type_search > .type span > a + a{ margin-left: 10px; }
}
@media only screen and (max-width: 640px){
  .product_type_search > b{ font-size: 20px; }
  .product_type_search form{ margin:15px auto; width: 42%; }
  .product_type_search form input{ height: 24px; padding-left:10px; font-size: 13px; }
  .product_type_search form button{ right: 6px; top: 6px; width: 24px; height: 24px; }
  .product_type_search form button span{ font-size: 13px; line-height: 24px; }
  .product_type_search > .type > b{ font-size: 13px; margin-left: 10px; }
  .product_type_search > .type > b a{  font-size: 13px; }
  .product_type_search > .type span >  a{ font-size: 13px; }
  .product_type_search > .type span > a + a{ margin-left: 10px; }
}
@media only screen and (max-width: 576px){
  .product_type_search > b{ font-size: 24px; }
  .product_type_search form{ margin:15px auto; width: 50%; }
  .product_type_search form input{ height: 22px; padding-left:10px; font-size: 12px; }
  .product_type_search form button{ right: 6px; top: 6px; width: 22px; height: 22px; }
  .product_type_search form button span{ font-size: 12px; line-height: 22px; }
  .product_type_search > .type > b{ font-size: 12px; margin-left: 10px; }
  .product_type_search > .type > b a{  font-size: 12px; }
  .product_type_search > .type span >  a{ font-size: 12px; }
  .product_type_search > .type span > a + a{ margin-left: 10px; }
}
@media only screen and (max-width: 414px){
  .product_type_search > b{ font-size: 24px; }
  .product_type_search form{ margin:15px auto; width: 80%; }
  .product_type_search form input{ height: 20px; padding-left:10px; font-size: 13px; }
  .product_type_search form button{ right: 6px; top: 6px; width: 20px; height: 20px; }
  .product_type_search form button span{ font-size: 13px; line-height: 20px; }
  .product_type_search > .type > b{ font-size: 13px; margin-left: 10px; }
  .product_type_search > .type > b a{  font-size: 13px; }
  .product_type_search > .type span >  a{ font-size: 13px; }
  .product_type_search > .type span > a + a{ margin-left: 10px; }
}

/* product_lists */
.product_lists{ overflow: hidden; width:100%; }
.product_lists ul{ display: flex; align-items: flex-start; flex-wrap: wrap; }
.product_lists ul li{ width: calc(33.3% - 20px); margin-right: 30px; margin-bottom: 30px; }
.product_lists ul li a{ display: block; padding:8px; border:solid 1px #eeeddf; position: relative; }
.product_lists ul li a .img{ padding-bottom: 75%; }
.product_lists ul li a .img img{ transform: scale(1.05,1.05); transition: all .5s}
.product_lists ul li a p{ padding:15px; background: #f5f5f5; font-size: 16px; text-align: center; transition: all .5s; color:#333; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.product_lists ul li a:hover .img img{ transform: scale(1,1); }
.product_lists ul li a:hover p{ background: var(--zhu-color); color:#fff; }
@media only screen and (max-width: 1400px){
  .product_lists ul li{ width: calc(33.3% - 10px); margin-right: 15px; margin-bottom: 15px; }
  .product_lists ul li a{ padding:7px; }
  .product_lists ul li a p{ padding:15px; font-size: 16px; }
}
@media only screen and (max-width: 1200px){
  .product_lists ul li{ width: calc(33.3% - 10px); margin-right: 15px; margin-bottom: 15px; }
  .product_lists ul li a{ padding:6px; }
  .product_lists ul li a p{ padding:12px 15px; font-size: 15px; }
}
@media only screen and (max-width: 992px){
  .product_lists ul li{ width: calc(33.3% - 10px); margin-right: 15px; margin-bottom: 15px; }
  .product_lists ul li a{ padding:5px; }
  .product_lists ul li a p{ padding:10px 15px; font-size: 14px; }
}
@media only screen and (max-width: 768px){
  .product_lists ul li{ width: calc(50% - 7.5px); margin-right: 15px; margin-bottom: 15px; }
  .product_lists ul li a{ padding:4px; }
  .product_lists ul li a p{ padding:10px 15px; font-size: 14px; }
}
@media only screen and (max-width: 640px){
  .product_lists ul li a{ padding:3px; }
}
@media only screen and (max-width: 576px){
  .product_lists ul li a{ padding:2px; }
  .product_lists ul li a p{ padding:8px 12px; font-size: 13px; }
}
@media only screen and (max-width: 414px){
  .product_lists ul li a p{ padding:6px 10px; font-size: 12px; }
}

/* product_info */
.product_info{ margin-top:30px; }
/*g_focus*/
.g_focus{ overflow: hidden; margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; }
.g_focus .info{ width: calc(58% - 15px); overflow: hidden; }
.g_focus .info b{ font-size: 24px; color: #333333; line-height: 1.3; display: block; margin-bottom: 10px }
.g_focus .info .brief{ padding-left: 20px; border-left: 2px solid var(--zhu-color); font-size: 18px; color: var(--zhu-color); margin-bottom: 5px;line-height: 1.2 }
.g_focus .info p{ font-size: 14px; color: #999999; overflow: hidden;margin-bottom: 12px;line-height: 1.8; }
.g_focus .info p.clamp{-webkit-line-clamp:2;}
.g_focus .info .order-btn{ float: left; line-height: 1; padding:12px 80px; background: var(--zhu-color); border-radius: 3px; font-size: 16px; color: #ffffff; transition: all .3s; }
.g_focus .info .order-btn:hover{ transition: all .3s; background: var(--pei-color); }
.g_focus .info .tel{ float: left; margin-left: 40px; display: flex; align-items: center; overflow: hidden; position: relative; top:5px; }
.g_focus .info .tel span{ float: left; margin-right: 12px; line-height: 1; color: var(--zhu-color); font-size: 26px; }
.g_focus .info .tel div{ float: left; /*width: 50%;*/ }
.g_focus .info .tel i{ font-size: 14px; display: block; line-height: 1; color: #666666; font-style: normal; }
.g_focus .info .tel b{ font-size: 24px; color: var(--zhu-color); line-height: 1; margin:0; }
#g_xgcp{ overflow: hidden; margin:20px 0; padding-right: 2px}
#g_xgcp a{ display: block; width: 100%; overflow: hidden; padding-bottom: 75%; position: relative; border:1px solid #e1e0e0;transition: all .5s }
#g_xgcp a img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s;}
#g_xgcp a b{ display: block; background: rgba(23,77,183,.7); width: 100%; box-sizing: border-box; padding:0 15px; line-height: 46px; text-align: center; font-size: 16px; color: #ffffff; line-height: 46px; position: absolute; left:0; bottom:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#g_xgcp a:hover{border-color:var(--zhu-color);}
#g_xgcp a:hover img{  transform: scale(1.05); }
#gfocus{ width: calc(42% - 15px); margin:0; border:1px solid #f1f1f1; overflow:hidden; position: relative; }
#gfocus img, #glist img{ width: 100%; height: 100%; object-fit: cover; }
#gfocus .btns{position: absolute;z-index: 1;width:96%;top: 50%;transform: translateY(-50%);left:2%;}
#gfocus .button-next, #gfocus .button-prev{ background-image: none; width: 36px; height: 36px; position: absolute; z-index: 1}
#gfocus .button-next span, #gfocus .button-prev span{ font-size: 36px; line-height: 1; color: var(--zhu-color); cursor: pointer;}
#gfocus .button-next{right:0;}
#gfocus .button-prev{left:0;}
#glist .swiper-slide{ overflow: hidden; height: 190px; }
#glist .swiper-slide img{ width: 100%; height: 100%; transition: all .3s; }
#glist .swiper-slide:hover img{ transition: all .3s; transform: scale(1.05); }
.info_nav{ background-color: #f1f1f1; overflow: hidden; }
.info_nav b{ font-size: 18px; color: #333333; display: inline-block; line-height: 1; padding:20px 70px; font-weight: normal; cursor: pointer;}
.info_nav b a{ font-size: 18px; color: #333333; }
.info_nav b:nth-of-type(1){  background: var(--zhu-color); color: #fff; }
.info_nav b:hover{ background: var(--zhu-color); color: #fff; }
.info_nav b:hover a{ color: #fff; }
.g_info{ display: flex; align-items: flex-start; justify-content: space-between; }
.g_info .txt{padding:30px 5px;line-height: 260%;font-size: 110%;overflow:hidden;}
.g_info .txt .content .gParm{padding:15px;background: #f0f0f0;border-radius: 5px;margin-bottom: 30px;}
.g_info .txt .content .gParm li{width:100%;display: flex;flex-direction: row;margin: 8px 0;line-height: 1.6;}
.g_info .txt .content .gParm li span{color:var(--zhu-color);font-size: 16px;font-weight: bold;min-width: 60px}
.g_info .txt .content .gParm li p{color:#999;font-size: 16px;line-height: 1.6;}
.g_info .txt img{ max-width: 100%; }
.g_info .txt p{ font-size: 16px; line-height: 32px; /*margin-bottom: 12px;*/ }
.g_info .txt b{ font-size: 20px; color: #333; border-left: 4px solid var(--zhu-color); padding-left: 16px; }
.g_info .txt em{ color: #fff; background: var(--zhu-color); padding:2px 5px; border-radius: 3px; margin-right: 5px; }
.g_info .pro-sider{ width: calc(25% - 15px); }
.g_info .content{ width: calc(75% - 15px); }
.pro-sider{ padding:15px; background: #f1f1f1; width: 100%; box-sizing: border-box; margin-bottom: 30px;}
.pro-sider b{ font-size: 20px; display: inline-block; padding-left: 10px; border-left: 4px solid var(--zhu-color); margin-bottom: 20px; }
.pro-sider > div{ background: #fff; padding:20px; }
.pro-type a{ display: block; width: 100%; box-sizing: border-box; padding-left: 15px; font-size: 16px; color: #333; height: 46px; line-height: 46px; background: #f1f1f1; transition: all .3s; }
.pro-type a + a{ margin-top: 12px; }
.pro-type a:hover{ background: var(--zhu-color); color: #fff; transition: all .3s; padding-left: 20px; }
#g_param{ width: 80%; margin:0 auto; }
#g_param li{ overflow: hidden; display: flex; align-items: center; justify-content: space-between; margin-bottom: 2px; }
#g_param li u, #g_param li span{ text-decoration: none; display: block; width: 50%; margin-right: 1px; background: var(--zhu-color); font-size: 18px; color: #fff; text-align: center; line-height: 54px; }
#g_param li u + u, #g_param li span + span{ margin-right: 0; margin-left: 1px; }
#g_param li:nth-child(odd) span{ background: var(--zhu-color); opacity: .8; }
#g_param li:nth-child(even) span{ background: var(--zhu-color); opacity: .6; }
@media only screen and (max-width: 1400px){
  .product_info{ margin-top: 25px; }
  .g_focus{ margin-bottom: 25px; }
  .g_focus .info, #gfocus{ width: calc(50% - 12.5px); }
  .g_focus .info b{ font-size: 22px; }
  .g_focus .info .brief{ padding-left: 15px; font-size: 17px; }
  .g_focus .info p{ font-size: 14px; margin-bottom: 12px; }
  .g_focus .info .order-btn{ padding:12px 80px; font-size: 16px; }
  .g_focus .info .tel{ margin-left: 25px; top:8px; }
  .g_focus .info .tel span{ margin-right: 12px; font-size: 26px; }
  .g_focus .info .tel i{ font-size: 14px; }
  .g_focus .info .tel b{ font-size: 24px; }
  #g_xgcp{ margin:20px 0; }
  #gfocus .button-next, #gfocus .button-prev{ width: 36px; height: 36px; }
  #gfocus .button-next span, #gfocus .button-prev span{ font-size: 36px; }
  #glist .swiper-slide{ height: 190px; }
  .info_nav b{ font-size: 17px; padding:18px 60px;}
  .info_nav b a{ font-size: 17px; }
  .g_info .txt{ padding:25px 5px; line-height:1.8; font-size: 16px; }
  .g_info .txt img{ max-width: 100%; }
  .g_info .txt p{ font-size: 15px; line-height: 1.8; }
  .g_info .txt b{ font-size: 18px; border-left: 3px solid var(--zhu-color); padding-left: 12px; }
  .g_info .pro-sider{ width: calc(25% - 10px); }
  .g_info .content{ width: calc(75% - 10px); }
  .pro-sider{ padding:15px; margin-bottom: 25px; }
  .pro-sider b{ font-size: 20px; border-left: 3px solid var(--zhu-color); margin-bottom: 15px; }
  .pro-sider > div{ padding:15px; }
  .pro-type a{ padding: 12px 15px; font-size: 15px; height: auto; line-height: 1; }
  .pro-type a + a{ margin-top: 10px; }
  .pro-type a:hover{ padding-left: 20px; }
}
@media only screen and (max-width: 1200px){
  .product_info{ margin-top: 20px; }
  .g_focus{ margin-bottom: 20px; }
  .g_focus .info, #gfocus{ width: calc(50% - 10px); }
  .g_focus .info b{ font-size: 20px; }
  .g_focus .info .brief{ padding-left: 12px; font-size: 16px; }
  .g_focus .info p{ font-size: 14px; margin-bottom: 10px; }
  .g_focus .info .order-btn{ padding:12px 70px; font-size: 15px; }
  .g_focus .info .tel{ margin-left: 20px; top:8px; }
  .g_focus .info .tel span{ margin-right: 12px; font-size: 24px; }
  .g_focus .info .tel i{ font-size: 14px; }
  .g_focus .info .tel b{ font-size: 22px; }
  #g_xgcp{ margin:18px 0; }
  #gfocus .button-next, #gfocus .button-prev{ width: 34px; height: 34px; }
  #gfocus .button-next span, #gfocus .button-prev span{ font-size: 34px; }
  #glist .swiper-slide{ height: 190px; }
  .info_nav b{ font-size: 16px; padding:16px 36px;}
  .info_nav b a{ font-size: 16px; }
  .g_info .txt{ padding:20px 5px; line-height:1.6; font-size: 14px; }
  .g_info .txt img{ max-width: 100%; }
  .g_info .txt p{ font-size: 14px; line-height: 1.6; }
  .g_info .txt b{ font-size: 16px; font-weight: normal; border-left: 2px solid var(--zhu-color); padding-left: 10px; }
  .g_info .pro-sider{ width: calc(25% - 7.5px); }
  .g_info .content{ width: calc(75% - 7.5px); }
  .pro-sider{ padding:12px; margin-bottom: 20px; }
  .pro-sider b{ font-size: 18px; border-left: 3px solid var(--zhu-color); margin-bottom: 12px; }
  .pro-sider > div{ padding:12px; }
  .pro-type a{ padding: 12px 15px; font-size: 14px; }
  .pro-type a + a{ margin-top: 10px; }
  .pro-type a:hover{ padding-left: 20px; }
}
@media only screen and (max-width: 992px){
  .product_info{ margin-top: 15px; }
  .g_focus{ margin-bottom: 15px; }
  .g_focus{ margin-bottom: 15px; }
  .g_focus .info, #gfocus{ width: calc(50% - 7.5px); }
  .g_focus .info b{ font-size: 18px; margin-bottom: 8px; }
  .g_focus .info .brief{ padding-left: 10px; font-size: 14px; }
  .g_focus .info p{ font-size: 14px; margin-bottom: 10px; }
  .g_focus .info .order-btn{ padding:12px 40px; font-size: 15px; }
  .g_focus .info .tel{ margin-left: 15px; top:8px; }
  .g_focus .info .tel span{ margin-right: 10px; font-size: 22px; }
  .g_focus .info .tel i{ font-size: 14px; }
  .g_focus .info .tel b{ font-size: 20px; }
  #g_xgcp{ margin:12px 0; }
  #gfocus .button-next, #gfocus .button-prev{ width: 32px; height: 32px; }
  #gfocus .button-next span, #gfocus .button-prev span{ font-size: 32px; }
  #glist .swiper-slide{ height: 180px; }
  .info_nav b{ font-size: 15px; padding:14px 28px;}
  .info_nav b a{ font-size: 15px; }
  .g_info .txt{ padding:15px 5px; line-height:1.5; font-size: 14px; }
  .g_info .txt img{ max-width: 100%; }
  .g_info .txt p{ font-size: 14px; line-height: 1.5; }
  .g_info .txt b{ font-size: 15px; border-left: 2px solid var(--zhu-color); padding-left: 8px; }
  .g_info{ display: flex; flex-direction: column; }
  .g_info .pro-sider{ width: 100%; }
  .g_info .content{ width: 100%; }
  .pro-sider{ padding:10px; margin-bottom: 15px; }
  .pro-sider b{ font-size: 16px; font-weight: normal; border-left: 3px solid var(--zhu-color); margin-bottom: 10px; }
  .pro-sider > div{ padding:10px; }
  .pro-type a{ padding: 12px 15px; font-size: 14px; }
  .pro-type a + a{ margin-top: 10px; }
  .pro-type a:hover{ padding-left: 20px; }
}
@media only screen and (max-width: 768px){
  .g_focus{ flex-direction: column; }
  .g_focus .info, #gfocus{ width: 100%; }
  .g_focus .info{ margin-top: 15px; }
  .g_focus .info b{ font-size: 16px; font-weight: normal; margin-bottom: 6px; }
  .g_focus .info .brief{ font-size: 13px; }
  .g_focus .info p{ font-size: 13px; }
  .g_focus .info .order-btn{ padding:10px 30px; font-size: 13px; }
  .g_focus .info .tel{ margin-left: 12px; top:8px; }
  .g_focus .info .tel span{ margin-right: 8px; font-size: 18px; }
  .g_focus .info .tel i{ font-size: 13px; }
  .g_focus .info .tel b{ font-size: 16px; }
  #g_xgcp{ margin:12px 0; }
  #gfocus .button-next, #gfocus .button-prev{ width: 28px; height: 28px; }
  #gfocus .button-next span, #gfocus .button-prev span{ font-size: 28px; }
  #glist .swiper-slide{ height: 170px; }
  .info_nav b{ font-size: 14px; padding:12px 24px;}
  .info_nav b a{ font-size: 14px; }
  .g_info .txt{ padding:10px 5px; line-height:1.5; font-size: 13px; }
  .g_info .txt img{ max-width: 100%; }
  .g_info .txt p{ font-size: 13px; line-height: 1.5; }
  .g_info .txt b{ font-size: 15px; border-left: 1px solid var(--zhu-color); padding-left: 8px; }
  .pro-sider{ padding:8px; margin-bottom: 15px; }
  .pro-sider b{ font-size: 15px; font-weight: normal; border-left: 2px solid var(--zhu-color); margin-bottom: 8px; }
  .pro-sider > div{ padding:8px; }
  .pro-type a{ padding: 10px 15px; font-size: 13px; }
  .pro-type a + a{ margin-top: 10px; }
  .pro-type a:hover{ padding-left: 20px; }
}
@media only screen and (max-width: 640px){
  .g_focus .info b{ font-size: 16px; }
  .g_focus .info .brief{ font-size: 13px; }
  .g_focus .info p{ font-size: 13px; }
  .g_focus .info .order-btn{ font-size: 13px; }
  .g_focus .info .tel span{ font-size: 16px; }
  .g_focus .info .tel i{ font-size: 13px; }
  .g_focus .info .tel b{ font-size: 14px; }
  #gfocus .button-next, #gfocus .button-prev{ width: 26px; height: 26px; }
  #gfocus .button-next span, #gfocus .button-prev span{ font-size: 26px; }
  #glist .swiper-slide{ height: 160px; }
  .info_nav b{ font-size: 13px; padding:10px 20px;}
  .info_nav b a{ font-size: 13px; }
  .pro-sider{ padding:8px; margin-bottom: 15px; }
  .pro-sider b{ font-size: 14px; border-left: 1px solid var(--zhu-color); margin-bottom: 6px; }
  .pro-sider > div{ padding:6px; }
  .pro-type a{ padding:8px 12px; font-size: 13px; }
  .pro-type a + a{ margin-top: 8px; }
  .pro-type a:hover{ padding-left: 15px; }
}
@media only screen and (max-width: 576px){
  .g_focus .info b{ font-size: 15px; }
  .g_focus .info .brief{ font-size: 12px; }
  .g_focus .info p{ font-size: 12px; }
  .g_focus .info .order-btn{ font-size: 12px; }
  .g_focus .info .tel span{ font-size: 15px; }
  .g_focus .info .tel i{ font-size: 12px; }
  .g_focus .info .tel b{ font-size: 13px; }
  #glist .swiper-slide{ height: 150px; }
  .info_nav b{ font-size: 12px; padding:8px 16px;}
  .info_nav b a{ font-size: 12px; }
  .g_info .txt{ padding:6px 5px; line-height:1.5; font-size: 12px; }
  .g_info .txt img{ max-width: 100%; }
  .g_info .txt p{ font-size: 12px; line-height: 1.5; }
  .g_info .txt b{ font-size: 14px; border-left: 1px solid var(--zhu-color); padding-left: 8px; }
  .pro-type a{ padding:8px 12px; font-size: 12px; }
}
@media only screen and (max-width: 414px){
  .g_focus .info b{ font-size: 15px; }
  .g_focus .info .tel span{ font-size: 15px; }
  #glist .swiper-slide{ height: 140px; }
}

/* g_news */
.g_news{ overflow: hidden; padding:40px 0; }
.g_news .hd{ width: 100%; margin-bottom: 36px; }
.g_news .hd b{ font-weight: normal; display: inline-block; padding-left: 22px; border-left: 4px solid var(--zhu-color); font-size: 32px; color: #333333;line-height: 0.9;height: 32px }
.g_news .hd p{ margin-bottom: 0; font-size: 14px; color: var(--pei-color); display: inline-block; float: right; line-height: 32px; }
.g_news .hd p span{ font-size: 28px; color: var(--pei-color); margin-left: 20px; position: relative; top: 5px; }
.g_news .bd{ overflow: hidden; width: 100%; }
.g_news .bd li{ width: 50%; float: left; padding-right: 15px; box-sizing: border-box; }
.g_news .bd li:nth-child(2n+0){ padding-right: 0; padding-left: 15px; }
.g_news .bd li a{ position: relative; padding-left: 20px; display: block; height: 50px; line-height: 50px; border-bottom: 1px solid #eaeaea; }
.g_news .bd li a::before{ content: ""; display: inline-block; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 7px solid var(--zhu-color); position: absolute; left:0; top:50%; margin-top: -6px; transition: all .3s; }
.g_news .bd li a b{ width:calc(100% - 128px); float: left; font-size: 16px; color: #333333; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g_news .bd li a small{ width: 108px; display: inline-block; float: right; font-size: 14px; color: #999; }
.g_news .bd li a small span{ font-size: 14px; color: #999; margin-right: 8px; }
.g_news .bd li a:hover::before{ transition: all .3s; left: 5px; }
.g_news .bd li a:hover b{ transition: all .3s; color: var(--zhu-color); }
@media only screen and (max-width: 1400px){
  .g_news{ padding:30px 0; }
  .g_news .hd{ margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; }
  .g_news .hd b{ padding-left: 15px; border-left: 4px solid var(--zhu-color); font-size: 28px; line-height: 1; height: auto; }
  .g_news .hd p{ font-size: 14px; line-height: 1.8; }
  .g_news .hd p span{ font-size: 28px; margin-left: 15px; top: 5px; }
  .g_news .bd li{ width: 50%; padding-right: 10px; }
  .g_news .bd li:nth-child(2n+0){ padding-left: 10px; }
  .g_news .bd li a{ display: flex; box-sizing: border-box; align-items: center; justify-content: space-between; padding: 15px; height: auto; line-height: 1; }
  .g_news .bd li a::before{ border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 7px solid var(--zhu-color); margin-top: -6px; }
  .g_news .bd li a b{ width:calc(100% - 128px); font-size: 16px; }
  .g_news .bd li a small{ width: 108px; font-size: 14px; }
  .g_news .bd li a small span{ font-size: 14px; margin-right: 8px; }
  .g_news .bd li a:hover::before{ left: 5px; }
}
@media only screen and (max-width: 1200px){
  .g_news{ padding:25px 0; }
  .g_news .hd{ margin-bottom: 25px; }
  .g_news .hd b{ padding-left: 15px; border-left: 3px solid var(--zhu-color); font-size: 24px; }
  .g_news .hd p{ font-size: 14px; line-height: 1.5; }
  .g_news .hd p span{ font-size: 24px; margin-left: 12px; top: 3px; }
  .g_news .bd li{ width: 50%; padding-right: 10px; }
  .g_news .bd li:nth-child(2n+0){ padding-left: 10px; }
  .g_news .bd li a{ padding:12px 15px; }
  .g_news .bd li a::before{ border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid var(--zhu-color); margin-top: -5px; }
  .g_news .bd li a b{ width:calc(100% - 128px); font-size: 15px; }
  .g_news .bd li a small{ width: 108px; font-size: 13px; }
  .g_news .bd li a small span{ font-size: 13px; margin-right: 8px; }
  .g_news .bd li a:hover::before{ left: 5px; }
}
@media only screen and (max-width: 992px){
  .g_news{ padding:20px 0; }
  .g_news .hd{ margin-bottom: 20px; }
  .g_news .hd b{ padding-left: 12px; border-left: 2px solid var(--zhu-color); font-size: 20px; }
  .g_news .hd p{ font-size: 13px; line-height: 1.5; }
  .g_news .hd p span{ font-size: 20px; margin-left: 12px; top: 3px; }
  .g_news .bd li{ width: 50%; padding-right: 7.5px; }
  .g_news .bd li:nth-child(2n+0){ padding-left: 7.5px; }
  .g_news .bd li a{ padding:10px 15px; }
  .g_news .bd li a::before{ border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid var(--zhu-color); margin-top: -4px; }
  .g_news .bd li a b{ width:calc(100% - 128px); font-size: 15px; }
  .g_news .bd li a small{ width: 108px; font-size: 13px; }
  .g_news .bd li a small span{ font-size: 13px; margin-right: 8px; }
  .g_news .bd li a:hover::before{ left: 5px; }
}
@media only screen and (max-width: 768px){
  .g_news{ padding:15px 0; }
  .g_news .hd{ margin-bottom: 15px; }
  .g_news .hd b{ padding-left: 10px; border-left: 2px solid var(--zhu-color); font-size: 16px; }
  .g_news .hd p{ font-size: 12px; line-height: 1.5; }
  .g_news .hd p span{ font-size: 16px; margin-left: 12px; top: 3px; }
  .g_news .bd li{ width: 100%; padding-right:0; }
  .g_news .bd li:nth-child(2n+0){ padding-left:0; }
  .g_news .bd li a{ padding:10px 15px; }
  .g_news .bd li a::before{ border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 4px solid var(--zhu-color); margin-top: -3px; }
  .g_news .bd li a b{ width:calc(100% - 128px); font-size: 14px; }
  .g_news .bd li a small{ width: 108px; font-size: 13px; }
  .g_news .bd li a small span{ font-size: 13px; margin-right: 8px; }
  .g_news .bd li a:hover::before{ left: 5px; }
}
@media only screen and (max-width: 640px){
  .g_news{ padding:15px 0; }
  .g_news .hd{ margin-bottom: 15px; }
  .g_news .hd b{ padding-left: 10px; border-left: 2px solid var(--zhu-color); font-size: 16px; }
  .g_news .hd p{ font-size: 12px; line-height: 1.5; }
  .g_news .hd p span{ font-size: 16px; margin-left: 12px; top: 1px; }
  .g_news .bd li{ width: 100%; padding-right:0; }
  .g_news .bd li:nth-child(2n+0){ padding-left:0; }
  .g_news .bd li a{ padding:10px 15px; }
  .g_news .bd li a::before{ border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 4px solid var(--zhu-color); margin-top: -3px; }
  .g_news .bd li a b{ width:calc(100% - 110px); font-size: 14px; }
  .g_news .bd li a small{ width: 94px; font-size: 13px; }
  .g_news .bd li a small span{ font-size: 13px; margin-right: 6px; }
  .g_news .bd li a:hover::before{ left: 5px; }
}
@media only screen and (max-width: 576px){
  .g_news .hd{ margin-bottom: 10px; }
  .g_news .hd b{ padding-left: 10px; border-left: 2px solid var(--zhu-color); font-size: 15px; }
  .g_news .hd p{ display: none; font-size: 12px; line-height: 1.5; }
  .g_news .bd li{ width: 100%; padding-right:0; }
  .g_news .bd li:nth-child(2n+0){ padding-left:0; }
  .g_news .bd li a{ padding:8px 12px; }
  .g_news .bd li a::before{ border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 4px solid var(--zhu-color); margin-top: -3px; }
  .g_news .bd li a b{ width:calc(100% - 110px); font-size: 14px; }
  .g_news .bd li a small{ width: 94px; font-size: 13px; }
  .g_news .bd li a small span{ font-size: 13px; margin-right: 6px; }
  .g_news .bd li a:hover::before{ left: 5px; }
}
@media only screen and (max-width: 414px){
  .g_news .hd{ margin-bottom: 5px; }
  .g_news .hd b{ padding-left: 8px; border-left: 1px solid var(--zhu-color); font-size: 14px; }
  .g_news .bd li a{ padding:8px 12px; }
  .g_news .bd li a b{ width:calc(100% - 110px); font-size: 13px; }
  .g_news .bd li a small{ width: 94px; font-size: 12px; }
  .g_news .bd li a small span{ font-size: 12px; margin-right: 6px; }
  .g_news .bd li a:hover::before{ left: 5px; }
}


/* l-title */
.l-title{ margin:0 0 10px; text-align: center; position: relative; }
.l-title .hd{ font-size: 72px; position: absolute; color:#333; opacity: 0.04; font-family: Impact; text-transform: uppercase; top:0; left:50%; transform: translateX(-50%); width:100%; }
.l-title .md{ text-align: center; font-size: 36px; color:#333333; padding-top: 25px; font-weight: bold; }
.l-title .md b{ color:var(--zhu-color); font-weight:bold; }
.l-title .bd{ color:#333; text-transform: uppercase; font-size: 18px; opacity: 0.66; }
@media only screen and (max-width: 1400px){
  .l-title{ margin:0 0 10px; }
  .l-title .hd{ font-size: 64px; }
  .l-title .md{ font-size: 32px; padding-top: 20px; }
  .l-title .bd{ font-size: 17px; }
}
@media only screen and (max-width: 1200px){
  .l-title{ margin:0 0 5px; }
  .l-title .hd{ font-size: 56px; }
  .l-title .md{ font-size: 28px; padding-top: 20px; }
  .l-title .bd{ font-size: 16px; }
}
@media only screen and (max-width: 992px){
  .l-title{ margin:0 0 4px; }
  .l-title .hd{ font-size: 48px; }
  .l-title .md{ font-size: 24px; padding-top: 20px; }
  .l-title .bd{ font-size: 15px; }
}
@media only screen and (max-width: 768px){
  .l-title{ margin:0 0 4px; }
  .l-title .hd{ font-size: 40px; }
  .l-title .md{ font-size: 20px; padding-top: 15px; }
  .l-title .bd{ font-size: 14px; }
}
@media only screen and (max-width: 640px){
  .l-title{ margin:0 0 3px; }
  .l-title .hd{ font-size: 32px; }
  .l-title .md{ font-size: 16px; font-weight: normal; padding-top: 15px; }
  .l-title .bd{ font-size: 13px; }
}
@media only screen and (max-width: 576px){
  .l-title{ margin:0 0 2px; }
  .l-title .hd{ font-size: 24px; }
  .l-title .md{ font-size: 14px; padding-top: 15px; }
  .l-title .md b{ font-weight: normal; }
  .l-title .bd{ font-size: 12px; }
}
@media only screen and (max-width: 414px){
  .l-title{ margin:0 0 0; }
  .l-title .hd{ font-size: 16px; padding-top: 10px; }
  .l-title .md{ font-size: 13px; padding-top: 10px; }
  .l-title .md b{ font-weight: normal; }
}

/* product_xgcp */
.product_xgcp{ background:url('../images/company_case_bg.png') center 30px no-repeat #f9f9f9;padding-bottom: 30px}
.product_xgcp .bd{ position: relative; overflow: hidden; }
.product_xgcp .bd .swiper-slide{transition: all .5s;margin-top: 15px; background: #f1f1f1; }
.product_xgcp .bd a .img .mask{position: absolute;top:0;left:0;width:0;height: 0;background: rgba(0,0,0,0.5);opacity: 0;transition: all .5s;z-index: 1;display: flex;flex-direction: row;justify-content:center;align-items: center;}
.product_xgcp .bd a .img .mask i{font-size: 50px;color:#fff;}
.product_xgcp .bd p{width:100%;background: #f5f5f5;color:#333;font-size: 16px;padding:20px 10px;text-align: center;position: relative;}
.product_xgcp .bd p:after{content:'';position: absolute;bottom:0;left:0;height: 3px;background: var(--zhu-color);width:0;transition: all .5s;}
.product_xgcp .bd .swiper-slide.on a .img .mask{width:100%;height: 100%;opacity: 1;}
.product_xgcp .bd .swiper-slide.on a p:after{width:100%;}
.product_xgcp .bd .next,.product_xgcp .bd .prev{width:60px;height: 60px;background: rgba(0,0,0,0.5);text-align: center;line-height: 60px;border-radius: 50%;transition: all .5s;position: absolute;top:30%;z-index: 1;}
.product_xgcp .bd .next i,.product_xgcp .bd .prev i{color:rgba(255,255,255,0.5);font-size: 30px;transition: all .5s}
.product_xgcp .bd .next{left:0;}
.product_xgcp .bd .prev{right:0;}
.product_xgcp .bd .next:hover,.product_xgcp .bd .prev:hover{background: rgba(255,255,255,.5);}
.product_xgcp .bd .next:hover i,.product_xgcp .bd .prev:hover i{color: var(--zhu-color);}
@media only screen and (max-width: 1400px){
  .product_xgcp{ padding-bottom: 30px; }
  .product_xgcp .bd .swiper-slide{ margin-top: 15px; }
  .product_xgcp .bd a .img .mask i{ font-size: 46px; }
  .product_xgcp .bd p{ font-size: 16px; padding:12px; }
  .product_xgcp .bd p:after{ height: 3px; }
}
@media only screen and (max-width: 1200px){
  .product_xgcp{ padding-bottom: 25px; }
  .product_xgcp .bd .swiper-slide{ margin-top: 12px; }
  .product_xgcp .bd a .img .mask i{ font-size: 42px; }
  .product_xgcp .bd p{ font-size: 15px; }
  .product_xgcp .bd p:after{ height: 2px; }
}
@media only screen and (max-width: 992px){
  .product_xgcp{ padding-bottom: 20px; }
  .product_xgcp .bd .swiper-slide{ margin-top: 10px; }
  .product_xgcp .bd a .img .mask i{ font-size: 38px; }
  .product_xgcp .bd p{ font-size: 14px; }
  .product_xgcp .bd p:after{ height: 2px; }
}
@media only screen and (max-width: 768px){
  .product_xgcp{ padding-bottom: 15px; }
  .product_xgcp .bd .swiper-slide{ margin-top: 8px; }
  .product_xgcp .bd a .img .mask i{ font-size: 34px; }
  .product_xgcp .bd p{ font-size: 13px; }
  .product_xgcp .bd p:after{ height: 2px; }
}
@media only screen and (max-width: 640px){
  .product_xgcp{ padding-bottom: 12px; }
  .product_xgcp .bd .swiper-slide{ margin-top: 6px; }
  .product_xgcp .bd a .img .mask i{ font-size: 30px; }
  .product_xgcp .bd p{ font-size: 12px; }
  .product_xgcp .bd p:after{ height: 2px; }
}
@media only screen and (max-width: 576px){
  .product_xgcp{ padding-bottom: 10px; }
  .product_xgcp .bd .swiper-slide{ margin-top: 4px; }
  .product_xgcp .bd a .img .mask i{ font-size: 26px; }
  .product_xgcp .bd p{ font-size: 12px; }
  .product_xgcp .bd p:after{ height: 1px; }
}
@media only screen and (max-width: 414px){
}

/* contact_msg */
#contact_msg{ background: url(../images/contact_msg_bg.jpg); overflow: hidden; padding:45px 0 15px; }
#contact_msg .hd{ width: 100%; margin-bottom: 36px; }
#contact_msg .hd b{ font-weight: normal; display: inline-block; padding-left: 22px; border-left: 4px solid var(--zhu-color); font-size: 32px; color: #333333;line-height: 0.9;height: 32px }
#contact_msg .hd p{ margin-bottom: 0; font-size: 14px; color: var(--pei-color); display: inline-block; float: right; }
#contact_msg .hd p span{ font-size: 28px; color: var(--pei-color); margin-left: 20px;position: relative; top: 5px; }
#contact_msg .bd{ overflow: hidden; margin:0 0 30px; }
#contact_msg .bd .form_item{ margin-bottom: 15px; background: #fff; height: 46px; border:1px solid #eee; }
#contact_msg .bd .form_item label{ line-height: 46px; font-size: 16px; color: #666; width: 10%; text-align: center; float: left; }
#contact_msg .bd .form_item input{ width: 90%; float: left; height: 100% }
#contact_msg .bd .form_box{ overflow: hidden; margin-bottom: 15px; background: #fff; height: 100px; border:1px solid #eee; }
#contact_msg .bd .form_box label{ display: block; text-align: left; box-sizing: border-box; padding-left: 17px; line-height: 46px; font-size: 16px; color: #666;  }
#contact_msg .bd .form_box textarea{ width: 100%; height: 100%; padding:5px 17px; font-size: 14px; color: #333;border:none; }
#contact_msg .bd .form_item1 label{ width: auto; padding:0 17px; }
#contact_msg .bd .form_item1 img{ height: 34px; float: left; margin-top: 6px; }
#contact_msg .bd .form_item1 input{ width:calc(100% - 200px); float:right; box-sizing: border-box; padding-left: 5px; }
#contact_msg .bd .submit{ display: block; width: 100%; padding:15px 0; line-height: 1; font-size: 16px; color: #fff; background: var(--zhu-color); text-align: center; border-radius: 5px;display: block; }
#contact_msg .bd .submit:hover{ background: var(--pei-color); transition: all .3s; }
@media only screen and (max-width: 1400px){
  #contact_msg{ padding:30px 0 0; }
  #contact_msg .hd{ margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; }
  #contact_msg .hd b{ padding-left: 15px; border-left: 4px solid var(--zhu-color); font-size: 28px; height: 28px; }
  #contact_msg .hd p{ font-size: 14px; }
  #contact_msg .hd p span{ font-size: 24px; margin-left: 15px; top: 4px; }
  #contact_msg .bd{ margin:0 0 30px; }
  #contact_msg .bd .form_item{ margin-bottom: 15px; height: 40px; }
  #contact_msg .bd .form_item label{ line-height: 40px; font-size: 15px; width: 90px; text-align: left; box-sizing: border-box; padding:0 15px; }
  #contact_msg .bd .form_item input{ width: calc(100% - 90px); }
  #contact_msg .bd .form_box{ margin-bottom: 15px; height: 100px; }
  #contact_msg .bd .form_box label{ padding-left: 15px; line-height: 40px; font-size: 16px;  }
  #contact_msg .bd .form_box textarea{ padding:5px 15px; font-size: 14px; }
  #contact_msg .bd .form_item1 label{ padding:0 15px; }
  #contact_msg .bd .form_item1 img{ height: 34px; margin-top: 3px; }
  #contact_msg .bd .form_item1 input{ width:calc(100% - 200px); padding-left: 5px; }
  #contact_msg .bd .submit{ padding:15px 0; font-size: 16px; }
}
@media only screen and (max-width: 1200px){
  #contact_msg{ padding:25px 0 0; }
  #contact_msg .hd{ margin-bottom: 25px; }
  #contact_msg .hd b{ padding-left: 15px; border-left: 3px solid var(--zhu-color); font-size: 24px; height: 24px; }
  #contact_msg .hd p{ font-size: 14px; }
  #contact_msg .hd p span{ font-size: 20px; margin-left: 15px; top: 3px; }
  #contact_msg .bd{ margin:0 0 25px; }
  #contact_msg .bd .form_item{ margin-bottom: 15px; height: 40px; }
  #contact_msg .bd .form_item label{ line-height: 40px; font-size: 15px; width: 90px; }
  #contact_msg .bd .form_item input{ width: calc(100% - 90px); }
  #contact_msg .bd .form_box{ margin-bottom: 15px; height: 100px; }
  #contact_msg .bd .form_box label{ padding-left: 15px; line-height: 40px; font-size: 15px;  }
  #contact_msg .bd .form_box textarea{ padding:5px 15px; font-size: 14px; }
  #contact_msg .bd .form_item1 label{ padding:0 15px; }
  #contact_msg .bd .form_item1 img{ height: 34px; margin-top: 2px; }
  #contact_msg .bd .form_item1 input{ width:calc(100% - 200px); padding-left: 5px; }
  #contact_msg .bd .submit{ padding:12px 0; font-size: 15px; }
}
@media only screen and (max-width: 992px){
  #contact_msg{ padding:20px 0 0; }
  #contact_msg .hd{ margin-bottom: 20px; }
  #contact_msg .hd b{ padding-left: 12px; border-left: 3px solid var(--zhu-color); font-size: 20px; height: 20px; }
  #contact_msg .hd p{ font-size: 13px; }
  #contact_msg .hd p span{ font-size: 16px; margin-left: 12px; top: 2px; }
  #contact_msg .bd{ margin:0 0 20px; }
  #contact_msg .bd .form_item{ margin-bottom: 15px; height: 38px; }
  #contact_msg .bd .form_item label{ line-height: 38px; font-size: 14px; width: 90px; }
  #contact_msg .bd .form_item input{ width: calc(100% - 90px); }
  #contact_msg .bd .form_box{ margin-bottom: 14px; height: 100px; }
  #contact_msg .bd .form_box label{ padding-left: 15px; line-height: 38px; font-size: 14px;  }
  #contact_msg .bd .form_box textarea{ padding:5px 15px; font-size: 14px; }
  #contact_msg .bd .form_item1 label{ padding:0 14px; }
  #contact_msg .bd .form_item1 img{ height: 34px; margin-top: 1px; }
  #contact_msg .bd .form_item1 input{ width:calc(100% - 200px); padding-left: 5px; }
  #contact_msg .bd .submit{ padding:12px 0; font-size: 14px; }
}
@media only screen and (max-width: 768px){
  #contact_msg{ padding:15px 0 0; }
  #contact_msg .hd{ margin-bottom: 15px; }
  #contact_msg .hd b{ padding-left: 10px; border-left: 2px solid var(--zhu-color); font-size: 18px; height: 18px; }
  #contact_msg .hd p{ display: none; font-size: 12px; }
  #contact_msg .hd p span{ font-size: 12px; margin-left: 10px; top: 2px; }
  #contact_msg .bd{ margin:0 0 15px; }
  #contact_msg .bd .form_item{ margin-bottom: 15px; height: 38px; }
  #contact_msg .bd .form_item label{ line-height: 38px; font-size: 14px; width: 70px; }
  #contact_msg .bd .form_item input{ width: calc(100% - 70px); }
  #contact_msg .bd .form_box{ margin-bottom: 14px; height: 100px; }
  #contact_msg .bd .form_box label{ padding-left: 15px; line-height: 38px; font-size: 14px;  }
  #contact_msg .bd .form_box textarea{ padding:5px 15px; font-size: 14px; }
  #contact_msg .bd .form_item1 label{ padding:0 14px; }
  #contact_msg .bd .form_item1 img{ height: 34px; margin-top: 1px; }
  #contact_msg .bd .form_item1 input{ width:calc(100% - 200px); padding-left: 5px; }
  #contact_msg .bd .submit{ padding:12px 0; font-size: 14px; }
}
@media only screen and (max-width: 640px){
  #contact_msg .hd{ margin-bottom: 12px; }
  #contact_msg .hd b{ padding-left: 10px; border-left: 2px solid var(--zhu-color); font-size: 18px; height: 18px; }
  #contact_msg .bd .form_item{ height: 38px; }
  #contact_msg .bd .form_item label{ line-height: 38px; font-size: 14px; width: 70px; }
  #contact_msg .bd .form_item input{ width: calc(100% - 70px); }
  #contact_msg .bd .form_box label{ padding-left: 15px; line-height: 38px; font-size: 14px;  }
  #contact_msg .bd .form_box textarea{ padding:5px 15px; font-size: 14px; }
  #contact_msg .bd .form_item1 label{ padding:0 14px; }
  #contact_msg .bd .form_item1 img{ height: 34px; margin-top: 1px; }
  #contact_msg .bd .form_item1 input{ width:calc(100% - 200px); padding-left: 5px; }
  #contact_msg .bd .submit{ padding:12px 0; font-size: 14px; }
}
@media only screen and (max-width: 576px){
  #contact_msg .hd b{ padding-left: 8px; border-left: 1px solid var(--zhu-color); font-size: 16px; height: 16px; }
  #contact_msg .bd .form_item{ height: 36px; }
  #contact_msg .bd .form_item label{ line-height: 36px; font-size: 13px; width: 70px; }
  #contact_msg .bd .form_item input{ width: calc(100% - 70px); }
  #contact_msg .bd .form_box label{ padding-left: 15px; line-height: 36px; font-size: 13px;  }
  #contact_msg .bd .form_box textarea{ padding:5px 15px; font-size: 13px; }
  #contact_msg .bd .form_item1 label{ padding:0 14px; }
  #contact_msg .bd .form_item1 img{ height: 34px; margin-top: 1px; }
  #contact_msg .bd .form_item1 input{ width:calc(100% - 200px); padding-left: 5px; }
  #contact_msg .bd .submit{ padding:12px 0; font-size: 13px; }
}
@media only screen and (max-width: 414px){
  #contact_msg .hd b{ padding-left: 8px; border-left: 1px solid var(--zhu-color); font-size: 16px; height: 16px; }
  #contact_msg .bd .form_item{ height: 36px; }
  #contact_msg .bd .form_item label{ line-height: 36px; font-size: 12px; width: 70px; }
  #contact_msg .bd .form_item input{ width: calc(100% - 70px); }
  #contact_msg .bd .form_box label{ padding-left: 15px; line-height: 36px; font-size: 12px;  }
  #contact_msg .bd .form_box textarea{ padding:5px 15px; font-size: 12px; }
  #contact_msg .bd .form_item1 label{ padding:0 14px; }
  #contact_msg .bd .form_item1 img{ height: 34px; margin-top: 1px; }
  #contact_msg .bd .form_item1 input{ width:calc(100% - 200px); padding-left: 5px; }
  #contact_msg .bd .submit{ padding:12px 0; font-size: 12px; }
}


/*边框*/
.bk{ position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 1; }
.bk-width,.bk-height{ position: relative; width:100%; height: 100%; }
.bk-height{ top:-100%; left:0; }
.bk-width:before,.bk-width:after,.bk-height:before,.bk-height:after{ content:''; background: var(--zhu-color); position: absolute; }
.bk-width:before,.bk-width:after{ width:0%; height: 1px; transition: all .8s}
.bk-height:before,.bk-height:after{ width:1px; height: 0%; transition: all .8s}
.bk-width:before{ top:0; left:0; }
.bk-width:after{ bottom:0; right:0; }
.bk-height:before{ top:0; right:0; }
.bk-height:after{ bottom:0; left:0; }
.bk:hover .bk-width:before,.bk:hover .bk-width:after{ width:100%; }
.bk:hover .bk-height:before,.bk:hover .bk-height:after{ height:100%; }

/* show_list */
.show_list{ display: flex; flex-wrap: wrap; }
.show_list li{ width: calc(33.3% - 20px); margin-right: 30px; margin-bottom: 30px; }
.show_list li:nth-child(3n+0){ margin-right: 0; }
.show_list .item{ background: #f2f2f2; transition: all .5s; }
.show_list .item a{ display: block; width:100%; padding:7px 7px 0; overflow: hidden; border-radius: 3px; transition: all .5s; }
.show_list .item a .hd{ overflow: hidden; position: relative; width:100%; }
.show_list .item a .hd .img img{ transform: scale(1.05,1.05); transition: all .5s; }
.show_list .item a .hd .mask{ position: absolute; top:0px; height: 100%; width:100%; left:0px; background:var(--zhu-color); z-index: 1; padding:15px; opacity: 0; transition: all .5s; }
.show_list .item a .hd .mask .box{ width:100%; height: 100%; border:solid 1px rgba(255,255,255,0.3); display: flex; flex-direction: column; justify-content: center; align-items: center; color:#fff; padding:15px; position: relative; }
.show_list .item a .hd .mask .box i{ font-size: 50px; line-height: 1; }
.show_list .item a .hd .mask .box p{ font-size: 17px; margin-top: 5px; background: none; }
.show_list .item a .bd{ text-align: center; font-size: 16px; line-height: 2; color:#333; padding:10px 0; transition: all .5s; }
.show_list .item:hover{ box-shadow: 0 0 10px #ccc; }
.show_list .item:hover a .img img{ transform: scale(1,1); }
.show_list .item:hover a .hd .mask{ top:20px; height: calc(100% - 40px); width:calc(100% - 40px); left:20px; opacity: .7; }
.show_list .item:hover a .bd{ letter-spacing: 1px; }
@media only screen and (max-width: 1400px){
  .show_list li{ width: calc(33.3% - 16px); margin-right: 24px; margin-bottom: 24px; }
  .show_list li:nth-child(3n+0){ margin-right: 0; }
  .show_list .item a{ padding:7px 7px 0; border-radius: 3px; }
  .show_list .item a .hd .mask{ padding:15px; }
  .show_list .item a .hd .mask .box{ padding:15px; }
  .show_list .item a .hd .mask .box i{ font-size: 40px; }
  .show_list .item a .hd .mask .box p{ font-size: 16px; margin-top: 5px; }
  .show_list .item a .bd{ font-size: 16px; }
  .show_list .item:hover a .hd .mask{ top:15px; height: calc(100% - 30px); width:calc(100% - 30px); left:15px;}
}
@media only screen and (max-width: 1200px){
  .show_list li{ width: calc(33.3% - 10px); margin-right: 15px; margin-bottom: 15px; }
  .show_list li:nth-child(3n+0){ margin-right: 0; }
  .show_list .item a{ padding:7px 7px 0; border-radius: 3px; }
  .show_list .item a .hd .mask{ padding:12px; }
  .show_list .item a .hd .mask .box{ padding:12px; }
  .show_list .item a .hd .mask .box i{ font-size: 30px; }
  .show_list .item a .hd .mask .box p{ font-size: 15px; margin-top: 5px; }
  .show_list .item a .bd{ font-size: 15px; padding:5px 0; }
  .show_list .item:hover a .hd .mask{ top:12px; height: calc(100% - 24px); width:calc(100% - 24px); left:12px;}
}
@media only screen and (max-width: 992px){
  .show_list li{ width: calc(50% - 7.5px); margin-right: 15px; margin-bottom: 15px; }
  .show_list li:nth-child(3n+0){ margin-right: 15px; }
  .show_list li:nth-child(2n+0){ margin-right: 0; }
  .show_list .item a{ padding:7px 7px 0; border-radius: 3px; }
  .show_list .item a .hd .mask{ padding:10px; }
  .show_list .item a .hd .mask .box{ padding:10px; }
  .show_list .item a .hd .mask .box i{ font-size: 26px; }
  .show_list .item a .hd .mask .box p{ font-size: 15px; margin-top: 5px; }
  .show_list .item a .bd{ font-size: 15px; padding:4px 0; }
  .show_list .item:hover a .hd .mask{ top:10px; height: calc(100% - 20px); width:calc(100% - 20px); left:10px; }
}
@media only screen and (max-width: 768px){
  .show_list .item a .hd .mask{ padding:8px; }
  .show_list .item a .hd .mask .box{ padding:8px; }
  .show_list .item a .hd .mask .box i{ font-size: 24px; }
  .show_list .item a .hd .mask .box p{ font-size: 14px; margin-top: 5px; }
  .show_list .item a .bd{ font-size: 14px; padding:3px 0; }
}
@media only screen and (max-width: 640px){
  .show_list .item a .hd .mask{ padding:6px; }
  .show_list .item a .hd .mask .box{ padding:6px; }
  .show_list .item a .hd .mask .box i{ font-size: 22px; }
  .show_list .item a .hd .mask .box p{ font-size: 14px; margin-top: 4px; }
  .show_list .item a .bd{ font-size: 14px; padding:2px 0; }
}
@media only screen and (max-width: 576px){
  .show_list .item a .hd .mask{ padding:4px; }
  .show_list .item a .hd .mask .box{ padding:4px; }
  .show_list .item a .hd .mask .box i{ font-size: 20px; }
  .show_list .item a .hd .mask .box p{ font-size: 13px; margin-top: 3px; }
  .show_list .item a .bd{ font-size: 13px; padding:1px 0; }
}
@media only screen and (max-width: 414px){
  .show_list .item a .hd .mask .box i{ font-size: 18px; }
  .show_list .item a .hd .mask .box p{ font-size: 12px; margin-top: 2px; }
  .show_list .item a .bd{ font-size: 12px; padding:0 0; }
}

/* contact_info */
.contact_info{ overflow: hidden; background: #f5f5f5; padding:60px 0 0; }
.contact_info .inner{ display: flex; align-items: flex-start; }
.contact_info .inner > div{ background: #ffffff; box-sizing: border-box; padding:42px; }
.contact_info .inner > div + div{ background: #e7ebec; }
.contact_info b{ font-size: 26px; color: var(--zhu-color); font-weight: bold; display: block; line-height: 1; margin-bottom: 24px; }
.contact_info .bg{ height: 480px; margin-top: -360px; background: url(../images/contact_info_bg.jpg) no-repeat top center; background-attachment:fixed; }
.contact_info .contact_txt{ width: 42%; }
.contact_info .contact_msg{ width: 58%; }
.contact_txt > .txt{ overflow: hidden; margin-bottom: 30px; }
.contact_txt > .txt p{ padding: 7.1px 0; display: flex; align-items: center; justify-content: flex-start; }
.contact_txt > .txt p span{ font-size: 20px; line-height: 1; color: #666666; margin-right: 14px; }
.contact_txt > .txt p small{ display: inline-block; font-size: 16px; line-height: 1; color: #333333; }
.contact_ewm{ overflow: visible; }
.contact_ewm > div{ max-width: 136px; float: left; }
.contact_ewm > div img{ max-width: 100%; }
.contact_ewm > div p{ font-size: 14px; color: #333333; line-height: 1; margin:12px 0 0; padding:0; text-align: center; justify-content: center; }
.contact_ewm > div + div{ margin-left: 30px; }
.contact_ewm > .txt{ max-width: 50%; display: inline-flex; flex-direction: column; justify-content: flex-start; }
.contact_ewm > .txt em{ font-size: 20px; font-weight: bold; margin: 5px 0; }
.contact_ewm > .txt span{ font-size: 14px; color: #999999; }
.contact_ewm > .txt p{ font-size: 14px; text-align: left; color: #666; margin: 5px 0 0; }
.wechat-qrcode{ text-align: center; }
.wechat-qrcode .help{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.wechat-qrcode p{ font-size: 12px!important; }
#share-2{ margin-top: 12px; }
@media only screen and (max-width: 1400px){
  .contact_info{ padding:20px 0 0; }
  .contact_info .inner > div{ padding:30px; }
  .contact_info b{ font-size: 24px; margin-bottom: 24px; }
  .contact_info .bg{ height: 400px; margin-top: -380px; }
  .contact_txt > .txt{ margin-bottom: 30px; }
  .contact_txt > .txt p{ padding: 7.1px 0; }
  .contact_txt > .txt p span{ font-size: 20px; margin-right: 14px; }
  .contact_txt > .txt p small{ font-size: 16px; }
  .contact_ewm{overflow: hidden;padding-bottom: 12px;}
  .contact_ewm > div{ max-width: 136px; }
  .contact_ewm > div p{ font-size: 14px; margin:12px 0 0; }
  .contact_ewm > div + div{ margin-left: 30px; }
  .contact_ewm > .txt{ max-width: 50%; }
  .contact_ewm > .txt em{ font-size: 20px; margin: 5px 0; }
}
@media only screen and (max-width: 1200px){
  .contact_info{ padding:20px 0 0; }
  .contact_info .inner > div{ padding:25px; }
  .contact_info b{ font-size: 22px; margin-bottom: 22px; }
  .contact_info .bg{ height: 380px; margin-top: -360px; }
  .contact_txt > .txt{ margin-bottom: 25px; }
  .contact_txt > .txt p{ padding: 7px 0; }
  .contact_txt > .txt p span{ font-size: 18px; margin-right: 12px; }
  .contact_txt > .txt p small{ font-size: 15px; }
  .contact_ewm > div{ max-width: 130px; }
  .contact_ewm > div p{ font-size: 14px; margin:10px 0 0; }
  .contact_ewm > div + div{ margin-left: 20px; }
  .contact_ewm > .txt{ max-width: 50%; }
  .contact_ewm > .txt em{ font-size: 18px; margin: 5px 0; }
}
@media only screen and (max-width: 992px){
  .contact_info{ padding:20px 0 0; }
  .contact_info .inner{ flex-direction: column; }
  .contact_info .inner > div{ padding:20px; }
  .contact_info b{ font-size: 20px; margin-bottom: 20px; }
  .contact_info .bg{ height: 360px; margin-top: -340px; }
  .contact_info .contact_txt{ width: 100%; }
  .contact_info .contact_msg{ width: 100%; }
  .contact_txt > .txt{ margin-bottom: 20px; }
  .contact_txt > .txt p{ padding: 7px 0; }
  .contact_txt > .txt p span{ font-size: 17px; margin-right: 12px; }
  .contact_txt > .txt p small{ font-size: 15px; }
  .contact_ewm > div{ max-width: 130px; }
  .contact_ewm > div p{ font-size: 14px; margin:10px 0 0; }
  .contact_ewm > div + div{ margin-left: 15px; }
  .contact_ewm > .txt{ max-width: 50%; }
  .contact_ewm > .txt em{ font-size: 17px; margin: 5px 0; }
}
@media only screen and (max-width: 768px){
  .contact_info .inner > div{ padding:15px; }
  .contact_info b{ font-size: 18px; margin-bottom: 15px; }
  .contact_info .bg{ height: 340px; margin-top: -320px; }
  .contact_txt > .txt{ margin-bottom: 15px; }
  .contact_txt > .txt p{ padding: 7px 0; }
  .contact_txt > .txt p span{ font-size: 17px; margin-right: 10px; }
  .contact_txt > .txt p small{ font-size: 15px; }
  .contact_ewm > div{ max-width: 130px; }
  .contact_ewm > div p{ font-size: 14px; margin:10px 0 0; }
  .contact_ewm > div + div{ margin-left: 10px; }
  .contact_ewm > .txt em{ font-size: 17px; margin: 5px 0; }
  #share-2{ margin-top: 10px; }
}
@media only screen and (max-width: 640px){
  .contact_info b{ font-size: 17px; }
  .contact_info .bg{ height: 320px; margin-top: -300px; }
  .contact_txt > .txt p{ padding: 6px 0; }
  .contact_txt > .txt p span{ font-size: 16px; margin-right: 10px; }
  .contact_txt > .txt p small{ font-size: 15px; }
  .contact_ewm > div{ max-width: 120px; }
  .contact_ewm > div p{ font-size: 14px; margin:10px 0 0; }
  .contact_ewm > div + div{ margin-left: 10px; }
  .contact_ewm > .txt em{ font-size: 16px; font-weight: normal; margin: 5px 0; }
  #share-2{ margin-top: 8px; }
}
@media only screen and (max-width: 576px){
  .contact_info b{ font-size: 16px; font-weight: normal; margin-bottom: 10px; }
  .contact_info .bg{ height: 300px; margin-top: -280px; }
  .contact_txt > .txt p{ padding: 5px 0; }
  .contact_txt > .txt p span{ font-size: 15px; margin-right: 8px; }
  .contact_txt > .txt p small{ font-size: 15px; }
  .contact_ewm > div p{ font-size: 14px; margin:10px 0 0; }
  .contact_ewm > div + div{ margin-left: 10px; }
  .contact_ewm > .txt em{ font-size: 15px; margin: 5px 0; }
  #share-2{ margin-top: 6px; }
  .contact_ewm > .txt span{ font-size: 13px; }
  .contact_ewm > .txt p{ font-size: 13px; margin: 5px 0 0; }
}
@media only screen and (max-width: 414px){
  .contact_info b{ font-size: 15px; margin-bottom: 5px; }
  .contact_info .bg{ height: 260px; margin-top: -240px; }
  .contact_txt > .txt p{ padding: 5px 0; }
  .contact_txt > .txt p span{ font-size: 14px; margin-right: 8px; }
  .contact_txt > .txt p small{ font-size: 14px; }
  .contact_ewm{ display: flex; flex-direction: column; }
  .contact_ewm > div p{ font-size: 13px; margin:10px 0 0; }
  .contact_ewm > div + div{ margin-left: 10px; }
  .contact_ewm > .txt{ max-width: 100%; }
  .contact_ewm > .txt em{ font-size: 13px; margin: 5px 0; }
  #share-2{ margin-top: 6px; }
  .contact_ewm > .txt span{ font-size: 12px; }
  .contact_ewm > .txt p{ font-size: 12px; margin: 5px 0 0; }
}

/* contact_msg */
.contact_msg{ overflow: hidden; }
.contact_msg .contact_input{ overflow: hidden; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.contact_msg .contact_input input{ width: calc(50% - 17px); height: 51px; box-sizing: border-box; padding:0 25px; border-radius: 5px; background: #ffffff; font-size: 16px; color: #999999; }
.contact_msg textarea{ margin-bottom: 26px; width: 100%; height: 128px; box-sizing: border-box; border-radius: 5px; background: #ffffff; font-size: 16px; color: #999999; padding:20px; line-height: 1.5; }
.contact_msg .contact_code{ display: flex; align-items: center; justify-content: space-between; }
.contact_msg .contact_code img{ width: 160px; height: 51px; object-fit: cover; }
.contact_msg .contact_code input{ width: 246px; height: 51px; box-sizing: border-box; padding:0 25px; border-radius: 5px; background: #ffffff; font-size: 16px; color: #999999; }
.contact_msg .contact_code .submit{ padding:18px 100px; background: var(--zhu-color); border-radius: 5px; line-height: 1; font-size: 16px; color: #ffffff; }
@media only screen and (max-width: 1400px){
  .contact_msg .contact_input{ margin-bottom: 20px; }
  .contact_msg .contact_input input{ width: calc(50% - 10px); height: 51px; padding:0 20px; font-size: 16px; }
  .contact_msg textarea{ margin-bottom: 26px; height: 128px; font-size: 16px; padding:20px; line-height: 1.5; }
  .contact_msg .contact_code{ margin-bottom: 9px; }
  .contact_msg .contact_code img{ width: 160px; height: 51px; }
  .contact_msg .contact_code input{ width: 35%; height: 51px; padding:0 25px; font-size: 16px; }
  .contact_msg .contact_code .submit{ padding:18px 60px; border-radius: 5px; font-size: 16px; }
}
@media only screen and (max-width: 1200px){
  .contact_msg .contact_input{ margin-bottom: 15px; }
  .contact_msg .contact_input input{ width: calc(50% - 7.5px); height: 46px; padding:0 20px; font-size: 16px; }
  .contact_msg textarea{ margin-bottom: 24px; height: 128px; font-size: 16px; padding:20px; line-height: 1.5; }
  .contact_msg .contact_code{ margin-bottom: 8px; }
  .contact_msg .contact_code img{ width: 160px; height: 46px; }
  .contact_msg .contact_code input{ width: 35%; height: 46px; padding:0 20px; font-size: 16px; }
  .contact_msg .contact_code .submit{ padding:18px 60px; border-radius: 5px; font-size: 16px; }
}
@media only screen and (max-width: 992px){
  .contact_msg .contact_input{ margin-bottom: 15px; }
  .contact_msg .contact_input input{ width: calc(50% - 7.5px); height: 44px; padding:0 15px; font-size: 16px; }
  .contact_msg textarea{ margin-bottom: 15px; height: 128px; font-size: 16px; padding:15px; line-height: 1.5; }
  .contact_msg .contact_code{ margin-bottom: 0; }
  .contact_msg .contact_code img{ width: 160px; height: 44px; }
  .contact_msg .contact_code input{ width: 35%; height: 44px; padding:0 15px; font-size: 16px; }
  .contact_msg .contact_code .submit{ padding:16px 50px; border-radius: 5px; font-size: 16px; }
}
@media only screen and (max-width: 768px){
  .contact_msg .contact_input input{ width: calc(50% - 7.5px); height: 42px; font-size: 16px; }
  .contact_msg textarea{ height: 128px; font-size: 16px;}
  .contact_msg .contact_code img{ width: 140px; height: 42px; }
  .contact_msg .contact_code input{ width: 35%; height: 42px; font-size: 16px; }
  .contact_msg .contact_code .submit{ padding:14px 40px; font-size: 16px; }
}
@media only screen and (max-width: 640px){
  .contact_msg .contact_input input{ height: 40px; font-size: 15px; }
  .contact_msg textarea{ height: 120px; font-size: 15px;}
  .contact_msg .contact_code img{ width: 120px; height: 40px; }
  .contact_msg .contact_code input{ width: 35%; height: 40px; font-size: 15px; }
  .contact_msg .contact_code .submit{ padding:12px 40px; font-size: 15px; }
}
@media only screen and (max-width: 576px){
  .contact_msg .contact_input input{ height: 36px; font-size: 14px; }
  .contact_msg textarea{ height: 120px; font-size: 14px;}
  .contact_msg .contact_code img{ width: 100px; height: 36px; }
  .contact_msg .contact_code input{ width: 32%; height: 36px; font-size: 14px; }
  .contact_msg .contact_code .submit{ padding:10px 30px; font-size: 14px; }
}
@media only screen and (max-width: 414px){
  .contact_msg .contact_input input{ height: 32px; font-size: 13px; }
  .contact_msg textarea{ height: 120px; font-size: 13px;}
  .contact_msg .contact_code img{ width: 80px; height: 32px; }
  .contact_msg .contact_code input{ width: 30%; height: 32px; font-size: 13px; }
  .contact_msg .contact_code .submit{ padding:8px 20px; font-size: 13px; }
}


/* contact_map */
#dituContent{ width: 100%; margin:0 auto; height: 640px; border:1px solid #cccccc; }
@media only screen and (max-width: 1400px){
  #dituContent{ height: 600px; }
}
@media only screen and (max-width: 1200px){
  #dituContent{ height: 560px; }
}
@media only screen and (max-width: 992px){
  #dituContent{ height: 520px; }
}
@media only screen and (max-width: 768px){
  #dituContent{ height: 480px; }
}
@media only screen and (max-width: 640px){
  #dituContent{ height: 440px; }
}
@media only screen and (max-width: 576px){
  #dituContent{ height: 400px; }
}
@media only screen and (max-width: 414px){
  #dituContent{ height: 360px; }
}
/* job */
.jobs-list{margin-bottom: 30px;}
.jobs-list li{width:100%;margin-top: 30px;}
.jobs-list a{display:block;width:100%;background:#fff;box-shadow:0px 1px 7.09px 0.91px rgba(125,125,125,0.5);border-radius:5px;padding:1% 0 3% 0}
.jobs-list a .son{width:95%;overflow:hidden;margin:0 auto;}
.jobs-list a .t1{padding:2% 0;border-bottom:1px solid #eee}
.jobs-list a .t1 .t1l{float:left;font-size:20px;font-weight:bold;color:#333;}
.jobs-list a .t1 .t1r{float:right;color:#666;text-decoration:underline;font-size:14px;padding-left:38px;line-height:25px;}
.jobs-list a .t1 .t1r i{font-size: 24px;color: var(--zhu-color);margin-right: 15px;}
.jobs-list a .son .con{margin-top:2.5%;height:250px;overflow-y:scroll;line-height: 2.6}
.jobs-list a .son .con p{color:#666;padding:3px 0;font-size:14px;line-height:1.6;text-indent:0!important;}
.jobs-list a .son .con::-webkit-scrollbar{width:3px;height:3px;}
.jobs-list a .son .con::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;background:#f8f8f8;border-radius:3px;}
.jobs-list a .son .con::-webkit-scrollbar-thumb{border-radius:3px;background:#bbb;}
.jobs-list a .t1 .t1r:hover{color:#333;}
@media only screen and (max-width: 1400px){
  .job .container-fluid{ padding:0; }
  .jobs-list{ margin-bottom: 25px; }
  .jobs-list li{ margin-top: 25px; }
  .jobs-list a .t1 .t1l{ font-size:18px; }
  .jobs-list a .t1 .t1r{ font-size:14px; }
  .jobs-list a .t1 .t1r i{ font-size: 22px; margin-right: 15px; }
  .jobs-list a .son .con{ height:250px; }
  .jobs-list a .son .con p{ font-size:14px; }
}
@media only screen and (max-width: 1200px){
  .jobs-list{ margin-bottom: 20px; }
  .jobs-list li{ margin-top: 20px; }
  .jobs-list a .t1 .t1l{ font-size:16px; }
  .jobs-list a .t1 .t1r{ font-size:13px; }
  .jobs-list a .t1 .t1r i{ font-size: 20px; margin-right: 15px; }
  .jobs-list a .son .con p{ font-size:13px; }
}
@media only screen and (max-width: 992px){
  .jobs-list{ margin-bottom: 15px; }
  .jobs-list li{ margin-top: 15px; }
  .jobs-list a .t1 .t1l{ font-size:15px; }
  .jobs-list a .t1 .t1r{ font-size:13px; }
  .jobs-list a .t1 .t1r i{ font-size: 18px; margin-right: 14px; }
  .jobs-list a .son .con p{ font-size:13px; }
}
@media only screen and (max-width: 768px){
  .jobs-list a .t1 .t1l{ font-size:14px; }
  .jobs-list a .t1 .t1r{ font-size:13px; }
  .jobs-list a .t1 .t1r i{ font-size: 16px; margin-right: 12px; }
  .jobs-list a .son .con p{ font-size:13px; }
}
@media only screen and (max-width: 640px){
  .jobs-list a .t1 .t1l{ font-size:14px; }
  .jobs-list a .t1 .t1r{ font-size:12px; }
  .jobs-list a .t1 .t1r i{ font-size: 16px; margin-right: 10px; }
  .jobs-list a .son .con p{ font-size:12px; }
}
@media only screen and (max-width: 576px){
  .jobs-list a .t1 .t1l{ font-size:13px; }
  .jobs-list a .t1 .t1r i{ font-size: 15px; margin-right: 8px; }
}
@media only screen and (max-width: 414px){
}


/*应聘表单*/
.fu-job{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.6);left:0;top:0;display:none;z-index:10000;}
.fu-job .job-son{width:100%;height:100%;display:flex;align-items:center;}
#jobform{background:#fff;padding:40px 30px 30px 30px;width:500px;margin:0 auto;position: relative;}
#jobform .jobclose{position:absolute;right:0px;top:0;background:var(--zhu-color);color:#fff;display:inline-block;padding:2px 10px;font-size:14px;cursor:pointer;}
#jobform .faqline{padding:6px 0;border-bottom:0px solid #eee;}
#jobform .faqline .faqtit{width:20%;height:40px;line-height:40px;float:left;background:#fff;text-align:left;font-size:15px;border-radius:2px;}
#jobform .faqline .input{text-indent:8px;width:80%;outline:none;height:40px;box-sizing:border-box;border:1px solid #ddd;float:left}
#jobform textarea{width:80%;outline:none;height:100px;box-sizing:border-box;border:1px solid #ddd;float:left;;border-radius:2px;padding:10px 8px}
#jobform .input:focus{border-color:#1d7df5;}
#jobform textarea:focus{border-color:#1d7df5;}
#jobform .faqline .input1{width:120px;float:left;}
#jobform .code img{display:block;float:left;height:40px;margin-left:0px;}
#jobform .code .tip{display:block;float:left;color:red;font-size:14px;}
#jobform button{width:100px;height:38px;background:var(--pei-color);color:#fff;display:block;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;cursor:pointer;}
#jobform button:hover{background:var(--zhu-color);}
@media(max-width: 500px){
  #jobform button{ margin-top: 60px; width: 100%; }
}
@media only screen and (max-width: 1400px){
  #jobform{ padding:40px 25px 25px 25px; }
  #jobform .jobclose{ padding:2px 10px; font-size:14px; }
  #jobform .faqline .faqtit{ width:20%; height:38px; line-height:38px; font-size:15px; }
  #jobform .faqline .input{ width:80%; height:38px; }
  #jobform textarea{ width:80%; height:100px; padding:10px 8px}
  #jobform .faqline .input1{ width:110px; }
  #jobform .code img{ height:38px; }
  #jobform .code .tip{ font-size:14px; }
  #jobform button{ width:100px; height:38px; }
}
@media only screen and (max-width: 1200px){
  #jobform{ padding:40px 20px 20px 20px; }
  #jobform .faqline .faqtit{ width:20%; height:36px; line-height:36px; font-size:15px; }
  #jobform .faqline .input{ width:80%; height:36px; }
  #jobform .faqline .input1{ width:100px; }
  #jobform .code img{ height:36px; }
}
@media only screen and (max-width: 992px){
  #jobform{ padding:40px 15px 15px 15px; width:500px; }
  #jobform .faqline .faqtit{ width:20%; height:34px; line-height:34px; font-size:15px; }
  #jobform .faqline .input{ width:80%; height:34px; }
  #jobform .faqline .input1{ width:90px; }
  #jobform .code img{ height:34px; }
}
@media only screen and (max-width: 768px){
  #jobform .faqline .faqtit{ width:20%; height:32px; line-height:32px; font-size:15px; }
  #jobform .faqline .input{ width:80%; height:32px; }
  #jobform .faqline .input1{ width:80px; }
  #jobform .code img{ height:32px; }
}
@media only screen and (max-width: 640px){
  #jobform .faqline .faqtit{  height:30px; line-height:30px; font-size:14px; }
  #jobform .faqline .input{  height:30px; }
  #jobform .faqline .input1{ width:80px; }
  #jobform .code img{ height:30px; }
}
@media only screen and (max-width: 576px){
  #jobform{ width:100%; }
  #jobform .jobclose{ font-size:13px; }
  #jobform .faqline .faqtit{ font-size:13px; }
}
@media only screen and (max-width: 414px){
  #jobform .jobclose{ font-size:12px; }
  #jobform .faqline .faqtit{ font-size:12px; }
}

/* main */
.main{ overflow: hidden;  padding:30px 0;  }
.article{ font-size: 16px; line-height: 2; color: #333; }
@media(max-width: 1400px){
  .main{ padding:25px 0; }
  .article{ font-size: 16px; line-height: 1.8; }
}
@media(max-width: 1200px){
  .main{ padding:20px 0; }
  .article{ font-size: 16px; line-height: 1.5; }
}
@media(max-width: 992px){
  .main{ padding:15px 0; }
  .article{ font-size: 15px; }
}
@media(max-width: 768px){
  .article{ font-size: 14px; }
}
@media(max-width: 640px){
  .article{ font-size: 13px; }
}
@media(max-width: 576px){
  .article{ font-size: 12px; }
}

/*prev_next*/
.prev_next{ width:100%; padding:0; }
.prev_next > div{ width:100%; padding:8px 0; border-bottom: dashed 1px #ddd; display: flex; flex-direction: row; align-items: center; }
.prev_next > div:before{ content:'\e834'; font-family: 'iconfont'; color: #fff; font-size: 16px; width:22px; height: 22px; border-radius: 50%; background: #666; display: block; text-align: center; line-height: 22px; margin-right:10px; }
.prev_next > div a{ color: #999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: block; width: calc(100% - 100px); }
.prev_next > div a:hover{ color: var(--zhu-color); }
.main .single{ padding:30px 15px; line-height: 1.8; font-size: 16px; }
@media(max-width: 1200px){
  .main .single{ padding:15px 0; line-height: 1.8; }
}
@media(max-width: 992px){
  .main .single{ line-height: 1.7; font-size: 15px; }
}
@media(max-width: 768px){
  .main .single{ line-height: 1.5; font-size: 14px; }
}
@media(max-width: 640px){
  .main .single{ font-size: 13px; }
}
@media only screen and (max-width: 640px){
  .layui-layer{ width: 98%!important; }
}  

/* article_list */
.article_list{ display: flex; flex-wrap: wrap; overflow: hidden; background: #f2f3f4; }
.article_list li{ width: calc(33.3% - 20px); padding:30px; margin-bottom: 30px; margin-right: 30px; border-radius: 5px; overflow: hidden; box-sizing: border-box; background: #fff; display: block; position: relative; }
.article_list li:nth-child(3n+0){ margin-right: 0; }
.article_list li:after{ content:''; position: absolute; bottom:0; left:0; width:0; height: 2px; background: var(--zhu-color); transition: all .5s; }
.article_list li .img{ padding-bottom: 55%; }
.article_list li .img img{ transition: all .5s; }
.article_list li p{ color:#666; transition: all .5s; display: flex; align-items: center; justify-content: space-between; }
.article_list li b{ display: block; color:#333; font-size: 20px; font-weight: bold; margin:10px 0 20px; transition: all .5s; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.article_list li .dsc{ font-size: 14px; text-indent: -2em; color:#999; margin:15px 0; line-height: 1.8; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.article_list li .txt{ display: flex; width:100%; align-items: center; justify-content: space-between; transition: all .5s; }
.article_list li .txt span{ color:#333; transition: all .5s; }
.article_list li .txt .icon{ width:32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #9a9a9a; transition: all .5s; position: relative; }
.article_list li .txt .icon i{ position: relative; color:#fff; font-size:18px; transition: all .5s; }
.article_list li:hover:after{ width:100%; }
.article_list li:hover .img img{ transform: scale(1.05); }
.article_list li:hover b{ color:var(--zhu-color); }
.article_list li:hover .txt span{ color:var(--zhu-color); }
.article_list li:hover .txt .icon{ background:var(--zhu-color); color:#fff; }
.article_list li:hover .txt .icon i{ animation:ltToRt 1s linear 0s infinite normal; }
@keyframes ltToRt { from { left:-5px; } to { left:5px; } }
@media only screen and (max-width: 1400px){
  .article_list li{ width: calc(33.3% - 16px); padding:25px; margin-bottom: 24px; margin-right: 24px; }
  .article_list li:nth-child(3n+0){ margin-right: 0; }
  .article_list li:after{ height: 2px; }
  .article_list li p{ font-size: 13px; }
  .article_list li b{ font-size: 18px; margin:8px 0 16px; }
  .article_list li .dsc{ font-size: 14px; margin:13px 0; line-height: 1.5; }
  .article_list li .txt .icon{ width:30px; height: 30px; }
  .article_list li .txt .icon i{ font-size:18px; }
}
@media only screen and (max-width: 1200px){
  .article_list li{ width: calc(33.3% - 12px); padding:20px; margin-bottom: 18px; margin-right: 18px; }
  .article_list li:nth-child(3n+0){ margin-right: 0; }
  .article_list li:after{ height: 2px; }
  .article_list li p{ font-size: 12px; }
  .article_list li b{ font-size: 16px; font-weight: normal; margin:6px 0 12px; }
  .article_list li .dsc{ font-size: 13px; margin:10px 0; }
  .article_list li .txt .icon{ width:28px; height: 28px; }
  .article_list li .txt .icon i{ font-size:17px; }
}
@media only screen and (max-width: 992px){
  .article_list li{ width: calc(50% - 7.5px); padding:15px; margin-bottom: 15px; margin-right: 15px; }
  .article_list li:nth-child(3n+0){ margin-right: 15px; }
  .article_list li:nth-child(2n+0){ margin-right: 0; }
  .article_list li:after{ height: 2px; }
  .article_list li b{ font-size: 15px; }
  .article_list li .dsc{ font-size: 12px; margin:10px 0; }
  .article_list li .txt .icon{ width:26px; height: 26px; }
  .article_list li .txt .icon i{ font-size:16px; }
}
@media only screen and (max-width: 768px){
  .article_list li:after{ height: 2px; }
  .article_list li b{ font-size: 15px; }
  .article_list li .txt .icon{ width:24px; height: 24px; }
  .article_list li .txt .icon i{ font-size:15px; }
}
@media only screen and (max-width: 640px){
  .article_list li:after{ height: 1px; }
  .article_list li b{ font-size: 14px; }
  .article_list li .txt .icon{ width:22px; height: 22px; }
  .article_list li .txt .icon i{ font-size:14px; }
}
@media only screen and (max-width: 576px){
  .article_list li{ width: 100%; padding:12px; margin-bottom: 15px; margin-right: 0; }
  .article_list li:nth-child(3n+0){ margin-right: 0; }
  .article_list li:nth-child(2n+0){ margin-right: 0; }
  .article_list li b{ font-size: 13px; }
  .article_list li .txt .icon{ width:20px; height: 20px; }
  .article_list li .txt .icon i{ font-size:13px; }
}
@media only screen and (max-width: 414px){
  .article_list li b{ font-size: 12px; }
  .article_list li .txt .icon{ width:18px; height: 18px; }
  .article_list li .txt .icon i{ font-size:12px; }
}

/* article_info */
.article_info{ background:#f2f3f4; }
.article_info .box{ background:#fff; border-radius: 3px; padding:45px 30px; }
.article_info .tit{ width:100%; text-align: center; font-size: 28px; color:#222; }
.article_info .meta{ width:100%; text-align: center; font-size: 16px; color:#999; padding:15px 30px 30px; border-bottom:solid 1px #eeeddd}
.article_info .content{ padding:30px 0; font-size: 16px; line-height: 2; min-height:100px}
.article_info .page{ width:100%; display: flex; flex-direction: row; justify-content: space-between; }
.article_info .page .btns{ width:60px; display: block; text-align: center; border-radius: 3px; background:#eee; transition: all .5s }
.article_info .page .btns i{ font-size: 30px; color:#666; line-height: 2; transition: all .5s}
.article_info .page .btns:hover{ background: var(--zhu-color); }
.article_info .page .btns:hover i{ color:#fff; }
.article_info .page>div{ width:calc(calc(100% - 70px)/2); color:#666; border-radius: 5px; padding:0 15px; background: #eee; line-height: 60px; }
.article_info .page .page-a{ text-align: left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.article_info .page .page-a:nth-child(3){ text-align: right; }
.article_info .page>div a{ color:#666; transition: all .5s; }
.article_info .page>div a:hover{ color:#222; }
@media only screen and (max-width: 1400px){
  .article_info .box{ padding:30px; }
  .article_info .tit{ font-size: 26px; }
  .article_info .meta{ font-size: 16px; padding:15px; }
  .article_info .content{ padding:30px 0; font-size: 16px; line-height: 1.8; }
  .article_info .page .btns{ width:60px; display: inline-flex; align-items: center; justify-content: center; }
  .article_info .page .btns i{ font-size: 26px; line-height: 1; }
  .article_info .page > div{ width:calc(calc(100% - 70px)/2); padding:20px 15px; line-height: 1; }
}
@media only screen and (max-width: 1200px){
  .article_info .box{ padding:25px; }
  .article_info .tit{ font-size: 24px; }
  .article_info .meta{ font-size: 15px; padding:15px; }
  .article_info .content{ padding:25px 0; font-size: 15px; line-height: 1.8; }
  .article_info .page .btns{ width:54px; }
  .article_info .page .btns i{ font-size: 24px; line-height: 1; }
  .article_info .page > div{ width:calc(calc(100% - 70px)/2); padding:15px 15px; line-height: 1; }
}
@media only screen and (max-width: 992px){
  .article_info .box{ padding:20px; }
  .article_info .tit{ font-size: 22px; }
  .article_info .meta{ font-size: 14px; padding:10px; }
  .article_info .content{ padding:20px 0; font-size: 15px; line-height: 1.6; }
  .article_info .page .btns{ width:48px; }
  .article_info .page .btns i{ font-size: 22px; }
  .article_info .page > div{ font-size: 14px; }
}
@media only screen and (max-width: 768px){
  .article_info .box{ padding:15px; }
  .article_info .tit{ font-size: 20px; }
  .article_info .meta{ font-size: 13px; padding:8px; }
  .article_info .content{ padding:15px 0; font-size: 14px; line-height: 1.5; }
  .article_info .page .btns{ width:42px; }
  .article_info .page .btns i{ font-size: 20px; }
  .article_info .page > div{ font-size: 14px; }
}
@media only screen and (max-width: 640px){
  .article_info .tit{ font-size: 18px; }
  .article_info .meta{ font-size: 12px; padding:6px; }
  .article_info .content{ padding:10px 0; font-size: 14px; }
  .article_info .page{ display:flex; flex-direction: column; }
  .article_info .page .btns{ display: none; }
  .article_info .page > div{ width: 100%; margin:2px 0; font-size: 13px; padding:10px; }
  .article_info .page .page-a:nth-child(3){ text-align: left; }
}
@media only screen and (max-width: 576px){
  .article_info .tit{ font-size: 16px; }
  .article_info .content{ padding:8px 0; font-size: 13px; }
  .article_info .page{ display:flex; flex-direction: column; }
  .article_info .page > div{ font-size: 12px; padding:8px; }
}
@media only screen and (max-width: 414px){
  .article_info .tit{ font-size: 14px; }
  .article_info .content{ padding:6px 0; font-size: 12px; }
  .article_info .page{ display:flex; flex-direction: column; }
}


.jw-controlbar {
  width: 100%;
}

.jw-error .jw-preview,
.jw-stretch-uniform .jw-preview,
.jwplayer .jw-preview {
  background-size: contain !important;
}

#playercontainer {
  width: 90% !important;
  height: 560px !important;
  margin: 0 auto;
}

@media only screen and (max-width: 1420px) {
  #playercontainer {
    width: 100% !important;
    height: 465px !important;
  }
}

@media only screen and (max-width: 1200px) {
  #playercontainer {
    width: 100% !important;
    height: 376px !important;
  }
}

@media only screen and (max-width: 992px) {
  #playercontainer {
    width: 100% !important;
    height: 280px !important;
  }
}

@media only screen and (max-width: 768px) {
  #playercontainer {
    width: 100% !important;
    height: 394px !important;
  }

}

@media only screen and (max-width: 640px) {
  #playercontainer {
    width: 100% !important;
    height: 310px !important;
  }
}

@media only screen and (max-width: 576px) {
  #playercontainer {
    width: 100% !important;
    height: 260px !important;
  }
}